@layer reset,base,layout,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit}button{background:none}svg{flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}}@layer base{:root{color-scheme:light;--canvas: #fcfcfa;--sidebar: #f4f5f0;--ink: #30392f;--muted: #73786f;--faint: #969b92;--line: #eaeaea;--green: #344f3e;--green-pale: #e7ecdf;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;color:var(--ink);background:var(--canvas);font-synthesis:none}::selection{background:#dce6ce;color:#263424}:focus-visible{outline:3px solid #789269;outline-offset:4px}button{border:0}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{min-width:0}input::placeholder,textarea::placeholder{color:#92968e;opacity:1}kbd{padding:1px 5px;border:1px solid #dedfd8;border-radius:4px;font:11px/1.5 var(--mono);color:#7b8275;background:#f8f9f5;white-space:nowrap}h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:var(--green);color:#fff;padding:10px 16px;border-radius:6px}.skip-link:focus{top:10px}}@layer layout{.sidebar{width:228px;position:fixed;inset:0 auto 0 0;padding:34px 18px 20px;background:var(--sidebar);border-right:1px solid #e5e8df;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.workspace{margin-left:228px;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:74px;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}main{width:100%;max-width:1300px;padding:42px 48px 40px;margin-inline:auto;flex:1}main:focus{outline:none}.footer{border-top:1px solid var(--line);padding:22px 48px;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#82867e}.footer>span{display:flex;align-items:center;gap:7px}.footer-dot{margin-inline:8px;color:#b4b8ad}}@layer components{.blue{background:#e8eff7;color:#52749b}.mail-card{grid-column:1 / -1}body[data-page=outlook] main{padding-top:30px}body[data-page=outlook] .back-link{margin-bottom:18px}.mail-form{margin-top:22px;padding:22px 27px;background:#fff;border:1px solid var(--line);border-radius:9px}.mail-section-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;color:#727e67;font-size:11px}.mail-badge{font-size:10px;background:#eff3e9;color:#758365;padding:3px 8px;border-radius:4px}.mail-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;color:#526249}.mail-label>span{font:9px var(--mono);color:#87927b;letter-spacing:.5px}label[for=mail-account]{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:12px}#mail-account{display:block;width:100%;min-height:110px;resize:vertical;margin-top:12px;padding:16px;border:1px solid #dce3d5;border-radius:6px;background:#fcfdf9;font:12px/1.9 var(--mono);overflow-wrap:anywhere}#mail-account::placeholder{color:#919d84}.mail-hint{color:#7f8b70;font-size:11px;margin-top:8px}.mail-settings{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:16px}.mail-label input,.mail-label select{width:100%;padding:10px 12px;border:1px solid #dfe4d8;border-radius:5px;background:#fff;min-height:40px;font-size:12px;font-weight:400}.mail-body-option{display:flex;align-items:center;gap:20px;margin-top:14px;padding:13px 15px;background:#f2f6ee;border-radius:5px}.mail-body-option label{white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500}.mail-body-option input{accent-color:#456a45;width:15px;height:15px}.mail-body-option p{color:#748469;font-size:11px}.mail-advanced{margin-top:12px}.mail-advanced summary{cursor:pointer;color:#687b5b;font-size:11px;padding:4px 0}.mail-advanced summary span{color:#8a957f;margin-left:10px;font-size:10px}.mail-advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:13px}.mail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.mail-shortcut{font-size:10px;color:#88957b;margin-left:6px}.mail-demo-button{margin-left:auto;font-size:11px}.mail-results{margin-top:29px}.mail-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.mail-results-heading h2{font-size:16px}#mail-result-meta{font-size:11px;color:#7f8a73}.mail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:182px;padding:25px;background:#f8faf5;border:1px dashed #dbe3d0;border-radius:8px}.mail-empty-icon{color:#a0ad91;margin-bottom:4px}.mail-empty strong{font-size:13px;font-weight:500;color:#6d7b5e}.mail-empty p{font-size:11px;color:#8e9981}.mail-notice{display:flex;align-items:center;gap:11px;padding:14px 17px;border-radius:6px;background:#eef3e8;color:#5f764b;font-size:12px;margin-bottom:15px;overflow-wrap:anywhere}.mail-notice strong{font-weight:500}.mail-notice p{font-size:11px;margin-top:4px}.mail-notice.error{background:#fbefeb;color:#a25442}.mail-notice.demo{background:#edf2f8;color:#5b7596}.mail-spinner{width:15px;height:15px;border:2px solid #b3c3a1;border-right-color:#526d3b;border-radius:50%;animation:mail-spin 1s linear infinite;flex-shrink:0}@keyframes mail-spin{to{transform:rotate(360deg)}}#mail-token-update{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 19px;border:1px solid #e8dbb4;border-radius:7px;background:#fcf8ed;margin-bottom:16px;color:#8b7741}#mail-token-update strong{font-size:12px;font-weight:500}#mail-token-update p{font-size:10px;margin-top:5px}#mail-token-update>div:last-child{display:flex;gap:8px;flex-wrap:wrap}#mail-token-update .button{font-size:10px;border-color:#e7ddbd;color:#857340;padding:8px 10px;min-height:34px}.mail-codes{padding:17px 19px;background:#f1f5eb;border:1px solid #e2e9d8;border-radius:7px;margin-bottom:17px}.mail-codes>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mail-codes strong{font-size:12px;font-weight:500}.mail-codes span{color:#879578;font-size:10px}.mail-codes>div:last-child,.message-code-row{display:flex;flex-wrap:wrap;gap:9px}.mail-code{display:inline-flex;align-items:center;gap:12px;border:1px solid #dce5d0;border-radius:5px;background:#fff;padding:7px 11px;font:17px var(--mono);letter-spacing:1px;color:#597044}.mail-code:hover{background:#e7efd9}.mail-code svg{opacity:.6}.mail-message{border:1px solid var(--line);border-radius:7px;background:#fff;margin-bottom:12px;overflow:hidden}.mail-message summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:17px 19px;list-style:none}.mail-message summary::-webkit-details-marker{display:none}.mail-message summary:after{content:"+";color:#8b987d;margin-left:auto;font:18px var(--mono)}.mail-message[open] summary:after{content:"−"}.mail-message-index{font:10px var(--mono);color:#8fa17c;align-self:flex-start;padding-top:4px}.mail-message-title{min-width:0;flex:1}.mail-message-title strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.mail-message-title>span{display:block;margin-top:4px;font-size:10px;color:#839174;overflow-wrap:anywhere}.mail-message-date{font:10px var(--mono);color:#88977a;white-space:nowrap}.mail-message-content{border-top:1px solid var(--line);padding:20px}.mail-message-content pre{font:13px/1.95 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#58694b;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:440px;overflow:auto}.mail-message-note{font-size:11px;color:#9b7b42;margin-bottom:12px}.message-code-row{margin-top:16px}.message-code-row .mail-code{font-size:12px;padding:5px 9px}.mail-attempts{margin-bottom:17px;color:#77866a;font-size:11px}.mail-attempts summary{cursor:pointer}.mail-attempts ol{padding-left:22px}.mail-attempts li{margin-block:8px}.mail-attempts strong{margin-right:10px;font:10px var(--mono)}.mail-attempts code{display:block;color:#89957d;font-size:10px;margin-top:3px;overflow-wrap:anywhere}.mail-help{margin-top:25px;padding-block:17px;border-top:1px solid var(--line)}.mail-help summary{font-size:12px;color:#6c7d5c;cursor:pointer}.mail-help p{font-size:11px;color:#808e71;line-height:1.9;margin-top:12px}.not-found-page{display:grid;place-items:center;min-height:100dvh}.not-found-page main{max-width:560px}.not-found-page h1{margin-block:18px 12px;font-size:32px}.not-found-page main>p:not(.eyebrow){color:var(--muted)}.not-found-page .button{margin-top:26px}.brand{display:flex;align-items:center;gap:11px;padding-left:10px;width:fit-content}.brand>span:last-child{display:flex;align-items:baseline;gap:9px;font-size:23px;letter-spacing:-1px;font-weight:650}.brand-en{font:10px/1 var(--mono);letter-spacing:1.6px;color:#777f6e}.brand-mark{width:35px;height:35px;flex-shrink:0;background:var(--green);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:9px;transform:rotate(-4deg)}.brand-mark i{background:#f4f6ec;border-radius:1px}.sidebar-search{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #dedfd7;border-radius:6px;padding:8px 10px;margin-block:35px 22px;background:#fafbf7;color:var(--muted);font-size:12px;text-align:left}.sidebar-search kbd{margin-left:auto}.nav-link{min-height:43px;display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:13px;color:#656c5f;border-radius:6px;margin-bottom:5px;transition:background .16s,color .16s}.nav-link:hover{background:#eaece4;color:var(--green)}.nav-link.active{background:#e5eadc;color:#344b2f;font-weight:600}.nav-count{margin-left:auto;font:11px var(--mono);color:#788568}.nav-label{font-size:10px;color:#878d7e;margin:35px 12px 12px;letter-spacing:.8px}.nav-label span{font:9px var(--mono);margin-left:8px;color:#8b9183}.nav-glyph{width:21px;flex-shrink:0;white-space:nowrap;text-align:center;font:13px var(--mono);font-weight:600}.tool-nav{font-size:13px}.sidebar-bottom{margin-top:auto;padding-top:50px}.local-note{display:flex;gap:10px;align-items:center;padding:14px 9px 20px;color:#718164}.local-note strong{font-size:11px;color:#5c6852;font-weight:500}.local-note p{font-size:10px;color:#8a9182;margin-top:2px}.sidebar-signature{display:flex;justify-content:space-between;border-top:1px solid #e2e5da;padding:17px 8px 0;font-size:10px;color:#8b9184}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px;color:#8a8f84}.breadcrumb strong{font-weight:500;color:#5d6656}.breadcrumb-slash{color:#b9bdb1}.topbar-right{display:flex;align-items:center;gap:24px}.local-status{font-size:11px;color:#7d8574;display:flex;align-items:center;gap:6px}.local-status i,.live-dot{display:inline-block;width:5px;height:5px;background:#7e9569;border-radius:50%}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaece2;color:#657453;font:12px var(--mono)}.icon-button.mobile-menu{display:none}.welcome{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:14px 0 43px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.8px;color:#8a907f;display:flex;align-items:center;gap:9px}.tiny-line{width:19px;height:1px;background:#8a9b78;display:inline-block}.welcome h1{font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-weight:600;font-size:clamp(29px,2.8vw,41px);line-height:1.35;letter-spacing:-.8px;margin-block:15px 13px}.welcome p{font-size:13px;color:#737b6b}.welcome-note{flex-shrink:0;position:relative;width:157px;padding:24px 0 10px 24px;border-left:1px solid #dfe4d7;font-family:Songti SC,STSong,serif;color:#8b957d;font-size:15px;line-height:1.8}.note-plus{position:absolute;left:-5px;top:-14px;font:18px var(--mono);background:var(--canvas);color:#9eaa8d}.note-index{display:block;font:8px/1 var(--mono);letter-spacing:1.5px;margin-top:16px;color:#a0a793}.directory-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.directory-top h2{display:flex;align-items:center;gap:9px}#result-count{border:1px solid #e3e7db;border-radius:4px;padding:0 5px;font:10px/17px var(--mono);color:#858e77;background:#f1f4ea}.directory-search{display:flex;align-items:center;gap:8px;width:248px;padding:8px 10px;border:1px solid #e4e6dd;border-radius:6px;color:#858c7c;background:#fff}.directory-search input{border:0;background:transparent;width:100%;outline:none;font-size:12px}.directory-search:focus-within,.dialog-search:focus-within{outline:2px solid #789269;outline-offset:2px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:17px 0 20px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{color:#6e7862;font-size:12px;padding:5px 13px;border-radius:5px}.filter:hover{color:var(--green);background:#f1f3eb}.filter.selected{background:#e9eee1;color:#526a3d}.directory-meta{color:#959b8d;font-size:10px;letter-spacing:.4px}.tool-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:16px}.tool-card{position:relative;border:1px solid #eaeaea;border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0}.tool-card:hover{border-color:#c7cfbb;box-shadow:0 2px 8px #00000009;transform:translateY(-2px)}.featured-card{grid-row:span 2}.card-link{display:flex;flex-direction:column;height:100%;padding:23px 25px 19px;border-radius:10px}.card-top{display:flex;align-items:center;gap:12px}.tool-glyph{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;font:21px var(--mono);letter-spacing:-1.2px;font-weight:500;flex-shrink:0}.sage{background:#eaf0df;color:#668145}.sand{background:#f5eedf;color:#a38d5a}.lavender{background:#efebf4;color:#92849c}.card-category{font-size:11px;color:#737d66;margin-right:30px}.card-favorite{position:absolute;top:26px;right:20px;z-index:1}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;color:#929889;border-radius:5px;flex-shrink:0}.icon-button:hover{background:#eef1e8;color:#5b6f49}.favorite.is-saved{color:#a7873b}.favorite.is-saved svg{fill:#ead7a3}.card-copy{margin-top:16px}.card-eyebrow{font:9px var(--mono);letter-spacing:1.1px;color:#727e61}.card-copy h3{font-size:19px;font-weight:550;letter-spacing:-.6px;margin-block:5px 5px}.card-copy p{font-size:12px;color:#717b65}.featured-card .card-copy{margin-top:22px}.featured-card h3{font-size:23px}.code-preview{position:relative;margin-top:25px;padding:16px 13px 22px;border-radius:6px;background:#f6f8f1;color:#7f8d70;font:10px/1.9 var(--mono);overflow:hidden}.code-preview>div{white-space:pre}.code-line{display:inline-block;width:25px;color:#b8c0ae;user-select:none}.code-key{color:#7e8d6b}.code-string{color:#aa9370}.code-badge{display:flex;gap:3px;align-items:center;position:absolute;right:12px;bottom:7px;color:#8f9e7b;font-size:7px;letter-spacing:.7px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px}.tag-list{display:flex;gap:5px}.tag-list span{border:1px solid #edf0e6;padding:1px 6px;font-size:10px;border-radius:3px;color:#717c60}.card-open{display:flex;gap:7px;align-items:center;font-size:11px;color:#63764f;white-space:nowrap}.tool-card:not(.featured-card) .card-link{display:grid;grid-template-columns:43px 1fr;column-gap:16px;padding-top:24px}.tool-card:not(.featured-card) .card-top{grid-column:1;grid-row:1;align-self:start}.tool-card:not(.featured-card) .card-category{display:none}.tool-card:not(.featured-card) .card-copy{grid-column:2;grid-row:1;margin:0;padding-right:13px}.tool-card:not(.featured-card) .card-bottom{grid-column:1 / -1;padding-top:21px}.tool-card:not(.featured-card) h3{margin-top:3px;font-size:17px}.tool-card:not(.featured-card) .card-favorite{top:18px;right:11px}.tool-card:not(.featured-card) .card-copy p{margin-top:5px;font-size:12px}.filtered-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filtered-grid .featured-card{grid-row:auto}.empty-state{grid-column:1 / -1;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border:1px dashed #dfe4d6;border-radius:8px;color:#8b957e}.empty-state h3{font-size:17px;color:#56634a}.empty-state p{font-size:12px;text-align:center;padding-inline:20px}.recent-section{margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.section-heading h2{font-size:15px}.section-heading>span{font-size:10px;color:#999e91}.recent-list{border-top:1px solid var(--line)}.recent-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 5px;font-size:12px}.recent-item:hover{background:#f6f8f1}.recent-item .tool-glyph{width:28px;height:28px;font-size:14px;border-radius:6px}.recent-time{font:10px var(--mono);margin-left:auto;color:#939b87}.recent-item>svg{color:#a4ad97;margin-left:15px}.recent-empty{min-height:84px;display:flex;align-items:center;gap:12px;color:#97a08b;font-size:11px}.recent-empty a{margin-left:auto;color:#74865d;display:flex;align-items:center;gap:5px;white-space:nowrap}.bottom-note{margin-top:24px;padding:20px 22px;display:flex;align-items:center;gap:14px;background:#f3f5ed;border-radius:7px}.bottom-note-icon{color:#8f9c7e}.bottom-note strong{font-size:11px;font-weight:500;color:#6c7b5c}.bottom-note p{font-size:10px;color:#919a85;margin-top:3px}.note-caption{margin-left:auto;font:8px var(--mono);color:#a1aa95;letter-spacing:1px}.back-link{color:#7d8970;font-size:12px;display:inline-block;margin-bottom:28px}.back-link:hover{color:var(--green)}.tool-page-heading{display:flex;justify-content:space-between;align-items:center}.tool-heading-main{display:flex;align-items:center;gap:17px}.tool-heading-main .tool-glyph{width:54px;height:54px;font-size:25px;border-radius:12px}.tool-page-heading h1{font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.4;margin-top:5px}.tool-description{color:var(--muted);font-size:13px;margin-top:17px}.tool-controls{display:flex;align-items:center;justify-content:space-between;margin-top:33px;margin-bottom:15px;gap:16px}.inline-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#79846c}select{border:1px solid #e0e4d8;border-radius:5px;background:#fff;padding:7px 25px 7px 10px;font-size:12px}.shortcut-note{color:#9ba18e;font-size:10px}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #e0e5d9;border-radius:8px;overflow:hidden;background:#fff}.editor-pane{display:flex;flex-direction:column;min-width:0}.output-pane{border-left:1px solid var(--line);background:#f8faf4}.pane-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--line);min-height:48px}.pane-heading label{font-size:12px;color:#627154;white-space:nowrap}.pane-heading label span{font:8px var(--mono);letter-spacing:1px;color:#a2aa96;margin-left:7px}.pane-actions{display:flex;gap:12px}.text-button{font-size:10px;color:#7b896b;display:inline-flex;align-items:center;gap:4px;padding:3px 0}.text-button:hover:not(:disabled){color:#324b24}.editor-pane textarea{width:100%;min-height:360px;resize:vertical;border:0;background:transparent;padding:21px 19px;font:12px/1.9 var(--mono);color:#59664d;outline-offset:-3px;tab-size:2}.editor-pane textarea::placeholder{color:#a1a795}.pane-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:10px 15px;font:10px var(--mono);color:#737f63;border-top:1px solid var(--line);margin-top:auto}.file-label{position:relative;color:#748362;cursor:pointer}.file-label input{width:1px;height:1px;position:absolute;opacity:0}.file-label:focus-within{outline:2px solid #789269;outline-offset:4px}.action-bar{display:flex;gap:10px;align-items:center;margin-top:19px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;min-height:39px;border:1px solid #dde2d5;border-radius:5px;background:#fff;font-size:12px;color:#647354;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#f0f3e9}.button:active{transform:scale(.98)}.button.primary{background:#334d3b;border-color:#334d3b;color:#fafcf6}.button.primary:hover{background:#46614b}.button.quiet{background:transparent;border-color:transparent}.feedback{min-height:24px;font-size:12px;color:#62844c;margin-top:12px;overflow-wrap:anywhere}.feedback.error{color:#ae5544}[aria-invalid=true]{box-shadow:inset 0 0 0 1px #c98474}.usage-note{display:flex;align-items:flex-start;gap:9px;color:#758164;margin-top:26px;padding-top:19px;border-top:1px solid var(--line);font-size:12px}.usage-note svg{margin-top:2px}.segmented{display:flex;border:1px solid #e1e5d8;border-radius:6px;padding:3px;gap:3px}.segmented button{padding:5px 14px;border-radius:4px;color:#8a947d;font-size:12px}.segmented button.selected{background:#e9eedf;color:#51693b}.live-clock{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f0f4e9;border:1px solid #e4eadb;border-radius:8px;padding:24px 28px;margin-top:30px}.live-clock .eyebrow{letter-spacing:1px;font-size:9px;color:#7a8c64}.live-value{font:33px/1.4 var(--mono);letter-spacing:-1px;color:#50673b;margin-top:9px;font-variant-numeric:tabular-nums}.live-date{font:10px var(--mono);color:#8b9a79}.time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.time-panel{border:1px solid var(--line);border-radius:8px;padding:25px;background:#fff;min-width:0}.time-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:26px}.time-panel-title h2{font-size:16px}.step-number{font:10px var(--mono);color:#98a388;border-bottom:1px solid #d8dfcb;padding-bottom:2px}.field-label{display:block;margin-bottom:9px;font-size:12px;color:#7c896c}.field-input,.input-with-select{border:1px solid #dfe4d7;border-radius:5px;background:#fdfefb;width:100%;min-height:42px}.field-input{padding:9px 10px;font:12px/1.6 var(--mono)}.input-with-select{display:flex}.input-with-select input{flex:1;width:100%;border:0;padding:10px;background:transparent;font:12px var(--mono)}.input-with-select select{border:0;border-left:1px solid var(--line);border-radius:0 5px 5px 0;font-size:10px;padding-right:5px;max-width:105px}.field-hint{margin-block:10px 26px;font-size:10px;color:#99a18f;min-height:24px}.zone-field{display:flex;gap:8px;align-items:center;margin-block:10px 19px;font-size:11px;color:#99a18f;min-height:31px}.zone-field select{font-size:10px;padding:4px 6px;max-width:calc(100% - 34px)}.time-results{border-top:1px solid var(--line);margin-top:4px;min-height:136px}.time-result{margin-top:14px;font-size:10px;color:#949d87}.time-result>div{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:3px}.time-result output{font:12px/1.6 var(--mono);color:#66784f;overflow-wrap:anywhere}.result-hint{font-size:9px;color:#98a389;margin-top:12px}.result-placeholder{font-size:11px;color:#a3ac98;padding-block:25px}dialog{width:min(560px,calc(100% - 32px));margin:16vh auto auto;padding:24px;border:1px solid #dce2d3;border-radius:12px;background:#fcfdf9;color:var(--ink);max-height:76dvh;overflow:auto;box-shadow:0 20px 70px #22321614}dialog::backdrop{background:#212a1c47;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-heading h2{font-size:16px}.dialog-search{display:flex;align-items:center;gap:10px;border:1px solid #dfe4d7;border-radius:6px;padding:10px 12px;color:#8d997e}.dialog-search input{width:100%;border:0;outline:none;background:transparent;font-size:13px}#quick-results{margin-top:15px}.quick-result{display:flex;align-items:center;gap:14px;padding:13px 8px;border-radius:6px}.quick-result:hover{background:#f0f4e9}.quick-result .tool-glyph{width:35px;height:35px;font-size:17px;border-radius:8px}.quick-result strong{font-size:13px;font-weight:500}.quick-result small{display:block;font-size:10px;color:#929b86;margin-top:3px}.quick-result>svg{margin-left:auto;color:#9aa58d}.dialog-hint{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;color:#a0a794}.quick-empty{text-align:center;padding:35px 10px;font-size:12px;color:#8b957f}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,12px);padding:10px 18px;border-radius:7px;background:#354b38;color:#fbfdf6;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:100;text-align:center;width:max-content;max-width:calc(100vw - 32px)}#toast.visible{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.welcome,.tool-page-heading,.tool-directory,.editor-grid,.time-grid{animation:arrive .45s ease-out both}.tool-directory,.editor-grid,.time-grid{animation-delay:.06s}@keyframes arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}}@layer responsive{@media(min-width:1500px){main{padding-top:52px}.welcome{padding-bottom:50px}.card-link{padding:29px}.tool-card:not(.featured-card) .card-link{padding:29px}.code-preview{margin-top:30px;padding-block:20px 26px;font-size:12px}}@media(max-width:1200px){.sidebar{width:208px;padding-inline:13px}.workspace{margin-left:208px}main{padding-inline:32px}.topbar,.footer{padding-inline:32px}.welcome-note{width:128px}.tool-grid{grid-template-columns:1fr 1fr;gap:13px}.card-link{padding-inline:20px}.tool-card:not(.featured-card) .card-link{padding-inline:18px;column-gap:11px}.card-copy p{font-size:12px}.card-open{font-size:11px;gap:4px}.code-preview{font-size:9px;padding-inline:9px}.code-line{width:19px}.time-panel{padding:20px}.pane-heading{padding-inline:11px}.pane-heading label span{display:none}}@media(max-width:980px){.sidebar{width:190px;padding-inline:10px}.workspace{margin-left:190px}.brand-en{display:none}main{padding-inline:25px}.topbar{padding-inline:25px}.welcome-note{display:none}.welcome h1{font-size:34px}.tool-grid{grid-template-columns:1fr}.featured-card{grid-row:auto}.featured-card .card-copy{margin-top:15px}.code-preview{font-size:11px;margin-top:18px}.tool-card:not(.featured-card) .card-link{padding:24px}.card-copy p,.tool-card:not(.featured-card) .card-copy p{font-size:12px}.tag-list span,.card-open{font-size:11px}.card-link{padding:24px}.time-grid{grid-template-columns:1fr}.time-panel{padding:25px}.note-caption{display:none}.editor-grid{grid-template-columns:1fr}.output-pane{border-left:0;border-top:1px solid #dfe5d6}.editor-pane textarea{min-height:250px}.pane-heading label span{display:inline}.recent-empty{flex-wrap:wrap;padding-block:20px;gap:9px}.recent-empty a{width:100%;margin-left:29px}}@media(max-width:700px){.mail-form{padding:20px 16px}.mail-label>span{font-size:8px}.mail-settings{grid-template-columns:1fr 1fr;gap:12px}.mail-settings>label:first-child{grid-column:1 / -1}.mail-label input,.mail-label select,#mail-account{font-size:16px}#mail-account{min-height:155px;font-size:13px}.mail-body-option{align-items:flex-start;flex-direction:column;gap:6px;padding:12px}.mail-advanced-fields{grid-template-columns:1fr}.mail-advanced-fields select{font-size:12px}.mail-shortcut{display:none}.mail-actions{gap:8px}.mail-results-heading{align-items:flex-start}#mail-result-meta{font-size:10px;text-align:right}#mail-token-update{align-items:flex-start;flex-direction:column}.mail-message summary{flex-wrap:wrap;gap:10px;padding:15px}.mail-message-title{flex-basis:calc(100% - 36px)}.mail-message-date{margin-left:27px}.mail-message-content{padding:16px}.mail-codes>div:first-child{flex-wrap:wrap;gap:5px 10px}.sidebar{display:none}.workspace{margin-left:0}.topbar{height:62px;padding-inline:18px}.breadcrumb{gap:9px;font-size:11px}.breadcrumb>span:first-of-type{display:none}.breadcrumb-slash{display:none}.topbar-right{gap:12px}.local-status{font-size:10px}.avatar{width:26px;height:26px;font-size:10px}.mobile-menu{display:inline-flex;margin-left:-5px}main{padding:25px 21px 30px}.welcome{padding:12px 0 30px}.welcome h1{font-size:29px;letter-spacing:-1px;margin-block:13px}.welcome p{font-size:11px;max-width:29em;line-height:1.9}.eyebrow{font-size:9px;letter-spacing:1.2px}.directory-search{width:46%;padding:7px 9px}.directory-search input{font-size:11px}.directory-search kbd{display:none}.directory-top h2{font-size:15px}.directory-toolbar{margin-block:18px}.directory-meta{display:none}.filter{padding-inline:14px}.card-copy h3{font-size:23px}.tool-card:not(.featured-card) h3{font-size:19px}.card-copy p,.tool-card:not(.featured-card) .card-copy p{font-size:11px}.card-eyebrow{font-size:8px}.card-favorite{top:25px}.tool-card:not(.featured-card) .card-favorite{top:15px}.recent-section{margin-top:30px}.bottom-note{padding:18px;margin-top:18px}.bottom-note p{line-height:1.8}.footer{padding:20px;flex-direction:column;gap:6px;font-size:10px}.footer>span{justify-content:center}.back-link{margin-bottom:22px}.tool-page-heading h1{font-size:24px}.tool-heading-main{gap:12px}.tool-heading-main .tool-glyph{width:46px;height:46px;font-size:22px}.tool-description{font-size:12px}.shortcut-note{display:none}.tool-controls{margin-top:27px}.pane-heading{padding:12px}.pane-actions{gap:13px}.text-button{font-size:11px}.editor-pane textarea{padding:17px 14px;font-size:12px}.action-bar{gap:8px}.button{padding:10px 13px;font-size:11px}.live-clock{padding:21px;flex-wrap:wrap;gap:17px}.live-value{font-size:31px}.time-panel{padding:20px}.time-grid{gap:16px}.live-date{font-size:10px}.time-result output{font-size:11px}.field-input,.input-with-select input,input[type=search],#quick-search{font-size:16px}.directory-search{width:48%}#mobile-dialog{margin-top:14px;padding:22px}#mobile-dialog .brand{padding-left:0}#mobile-dialog .nav-link{min-height:48px}.quick-result small{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}