.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg-page);color:var(--ink);font-family:var(--font-sans);z-index:0}.app-body{flex:1;display:flex;min-height:0}.app-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1.25rem;border-bottom:1px solid var(--ink);background:var(--bg-card)}.app-header-brand{display:inline-flex;align-items:baseline;gap:.55rem;color:var(--ink);text-decoration:none;font-family:var(--font-mono);font-size:.85rem}.app-header-mark{font-weight:600}.app-header-left{display:flex;align-items:center;min-width:0;margin-left:1.2rem}.app-header-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}.app-header-stat{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .55rem;border:1px solid var(--comp-side);background:var(--bg-page);font-family:var(--font-mono);font-size:.78rem;color:var(--ink);white-space:nowrap;cursor:help;text-decoration:none}.app-header-stat-link{cursor:pointer;transition:border-color .12s,background .12s}.app-header-stat-link:hover{border-color:var(--ink)}.app-header-stat-icon{width:14px;height:14px;color:var(--ink-light);flex-shrink:0}.app-header-stat-link:hover .app-header-stat-icon{color:var(--ink)}.app-header-stat-value{font-feature-settings:"tnum"}.app-mailbox-switcher-wrapper{position:relative;display:inline-block;width:100%;max-width:360px}.app-mailbox-switcher{display:flex;align-items:center;gap:.5rem;width:100%;background:var(--bg-page);border:1px solid var(--comp-side);padding:.4rem .65rem;font-family:var(--font-mono);font-size:.82rem;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s}.app-mailbox-switcher:hover{border-color:var(--ink)}.app-mailbox-switcher.empty{text-decoration:none;color:var(--ink-light)}.app-mailbox-switcher.loading{border:1px dashed var(--comp-side);color:var(--ink-light);cursor:default}.app-mailbox-switcher-icon{width:14px;height:14px;flex-shrink:0;color:var(--ink-light)}.app-mailbox-switcher-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-mailbox-switcher-chevron{width:12px;height:12px;flex-shrink:0;color:var(--ink-light)}.app-mailbox-switcher-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:280px;list-style:none;background:var(--bg-card);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--comp-shadow);padding:.3rem 0;z-index:100;display:flex;flex-direction:column}.app-mailbox-switcher-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink);cursor:pointer;transition:background .12s}.app-mailbox-switcher-item:hover,.app-mailbox-switcher-item.active{background:var(--bg-page)}.app-mailbox-switcher-item-dot{font-size:.7rem;width:.8rem;flex-shrink:0;color:var(--ink);line-height:1}.app-mailbox-switcher-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-mailbox-switcher-divider{height:1px;background:var(--comp-side);margin:.3rem 0}.app-mailbox-switcher-action{padding:.4rem .7rem;font-family:var(--font-sans);font-size:.76rem}.app-mailbox-switcher-action a{color:var(--ink-light);text-decoration:none}.app-mailbox-switcher-action a:hover{color:var(--ink)}.app-sidebar{flex-shrink:0;width:240px;border-right:1px solid var(--ink);background:var(--bg-card);display:flex;flex-direction:column;min-height:0}.app-sidebar-scroll{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;gap:1.25rem}.app-sidebar-footer{flex-shrink:0;border-top:1px solid var(--comp-side);padding:.5rem .6rem;background:var(--bg-card)}.app-sidebar-section{display:flex;flex-direction:column}.app-sidebar-title{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);padding:0 1rem .4rem}.app-sidebar-nav{display:flex;flex-direction:column}.app-sidebar-link{display:flex;align-items:center;gap:.55rem;padding:.5rem 1rem;font-size:.86rem;color:var(--ink-light);text-decoration:none;border-left:2px solid transparent;transition:background .15s,color .15s,border-color .15s}.app-sidebar-link:hover{background:var(--bg-page);color:var(--ink)}.app-sidebar-link.active{background:var(--bg-page);color:var(--ink);border-left-color:var(--ink)}.app-sidebar-icon{font-size:.95rem;flex-shrink:0}.app-sidebar-icon-svg{width:16px;height:16px;flex-shrink:0;color:currentColor;opacity:.8}.app-sidebar-link:hover .app-sidebar-icon-svg,.app-sidebar-link.active .app-sidebar-icon-svg{opacity:1}.app-sidebar-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-link-mailbox .app-sidebar-text{font-family:var(--font-mono);font-size:.78rem}.app-sidebar-hint{padding:.4rem 1rem;font-size:.78rem;color:var(--ink-light);font-style:italic}.app-sidebar-hint-error{color:#b33b2e}.app-main{flex:1;min-width:0;overflow-y:auto;padding:2rem 2.5rem}.app-pane{display:flex;flex-direction:column;gap:1.25rem}.app-pane-header{border-bottom:1px solid var(--comp-side);padding-bottom:.85rem}.app-pane-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.app-pane-title{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;color:var(--ink)}.app-pane-meta{font-size:.78rem;color:var(--ink-light);font-family:var(--font-mono)}.app-pane-state{padding:1.5rem;text-align:center;color:var(--ink-light);font-size:.9rem}.app-pane-state-error{color:#b33b2e}.app-empty{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;max-width:38rem;padding:2rem 0}.app-empty-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:400;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}html[lang=zh] .app-empty-title,html[lang=ja] .app-empty-title{font-style:normal;font-weight:500}html[lang=zh] .app-empty-title{font-family:var(--font-serif-zh)}html[lang=ja] .app-empty-title{font-family:var(--font-serif-ja)}.app-empty-body{color:var(--ink-light);font-size:.95rem;line-height:1.6}.app-empty-link{font-family:var(--font-mono);font-size:.85rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:1px}.app-phase-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border:1px solid var(--comp-side);background:var(--bg-card);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light)}.app-preset-gallery{display:flex;flex-direction:column;gap:1rem}.app-preset-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.app-preset-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid var(--comp-side);background:var(--bg-card);padding:0;cursor:pointer;transition:border-color .12s,transform .12s;font-family:inherit;color:inherit;overflow:hidden}.app-preset-card:hover:not(:disabled){border-color:var(--ink)}.app-preset-card-selected{border-color:var(--ink);background:var(--bg-page);box-shadow:inset 0 0 0 1px var(--ink)}.app-preset-card-existing{opacity:.55;cursor:not-allowed}.app-preset-card-thumb{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem 1rem .4rem;color:var(--ink);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-page) 100%)}.app-preset-card-badge{position:absolute;top:.45rem;right:.45rem;display:inline-flex;align-items:center;gap:.2rem;padding:.18rem .4rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page)}.app-preset-card-badge-existing{background:var(--bg-card);color:var(--ink-light);border-color:var(--comp-side)}.app-preset-card-body{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .9rem .85rem}.app-preset-card-name{font-size:.92rem;font-weight:500;color:var(--ink)}.app-preset-card-desc{font-size:.78rem;color:var(--ink-light);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-preset-gallery-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--comp-side);background:var(--bg-card);z-index:10}.app-preset-gallery-counter{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-light)}.app-preset-gallery-actions{display:flex;gap:.5rem}.app-preset-custom-row{display:flex;align-items:center;gap:.6rem;padding-top:.85rem;border-top:1px dashed var(--comp-side)}.app-modal-wide{width:min(56rem,100%);max-height:90vh}.app-pane-action-row{display:flex;gap:.45rem;align-items:center}.app-billing-balance{display:flex;align-items:baseline;gap:.85rem;padding:1.5rem;border:1px solid var(--ink);background:var(--bg-card);margin-bottom:1.25rem}.app-billing-balance-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light)}.app-billing-balance-value{font-family:var(--font-serif);font-size:2.6rem;font-style:italic;letter-spacing:-.02em;color:var(--ink)}html[lang=zh] .app-billing-balance-value,html[lang=ja] .app-billing-balance-value{font-style:normal;font-weight:500}.app-billing-topup-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.app-billing-autotopup-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.app-sidebar-lang{position:relative}.app-sidebar-lang-button{display:flex;align-items:center;gap:.55rem;width:100%;border:1px solid transparent;background:transparent;font-family:var(--font-sans);font-size:.82rem;color:var(--ink-light);padding:.4rem .5rem;cursor:pointer;text-align:left;transition:background .12s,border-color .12s,color .12s}.app-sidebar-lang-button:hover{background:var(--bg-page);color:var(--ink);border-color:var(--comp-side)}.app-sidebar-lang-short{display:inline-block;min-width:1.8rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink);font-weight:600}.app-sidebar-lang-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar-lang-chevron{width:12px;height:12px;color:var(--ink-light);flex-shrink:0;transition:transform .15s ease}.app-sidebar-lang-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;list-style:none;background:var(--bg-card);border:1px solid var(--ink);box-shadow:4px -4px 0 var(--comp-shadow);padding:.3rem 0;z-index:80;display:flex;flex-direction:column}.app-sidebar-lang-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .75rem;font-family:var(--font-sans);font-size:.82rem;color:var(--ink);cursor:pointer;transition:background .12s}.app-sidebar-lang-item:hover,.app-sidebar-lang-item.active{background:var(--bg-page)}.app-sidebar-lang-item-short{display:inline-block;min-width:1.5rem;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--ink)}.app-sidebar-lang-item-label{flex:1}.app-email-frame{display:block;min-height:24rem;background:#fff}.app-mail-pane{display:flex;flex-direction:column;margin:-1rem}.app-mail-list{list-style:none;display:flex;flex-direction:column}.app-mail-row+.app-mail-row{border-top:1px solid var(--comp-side)}.app-mail-row-link{display:flex;align-items:flex-start;gap:1rem;padding:.65rem 1.25rem;color:var(--ink);text-decoration:none;transition:background .12s}.app-mail-row-link:hover{background:var(--bg-page)}.app-mail-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.18rem}.app-mail-row-line1{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink-light);min-width:0}.app-mail-row-arrow{width:12px;height:12px;color:var(--ink-light);flex-shrink:0}.app-mail-row-sender{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}.app-mail-row-sender-addr{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.app-mail-row-line2{display:flex;align-items:baseline;gap:.55rem;min-width:0}.app-mail-row-subject{flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.app-mail-row-code{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-light);flex-shrink:0}.app-mail-row-time{flex-shrink:0;align-self:center;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light);white-space:nowrap}.app-email-list{list-style:none;display:flex;flex-direction:column;border:1px solid var(--comp-side);background:var(--bg-card)}.app-email-row+.app-email-row{border-top:1px solid var(--comp-side)}.app-email-link{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;gap:1rem;align-items:baseline;padding:.8rem 1rem;color:var(--ink);text-decoration:none;transition:background .15s}.app-email-link:hover{background:var(--bg-page)}.app-email-from{min-width:0;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-email-from-addr{color:var(--ink-light);font-family:var(--font-mono);font-size:.78rem}.app-email-subject{min-width:0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-email-code{margin-left:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-email-time{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-light);white-space:nowrap}.app-email-detail{display:flex;flex-direction:column;gap:1.5rem;max-width:920px}.app-email-back{align-self:flex-start;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light);text-decoration:none}.app-email-back:hover{color:var(--ink)}.app-email-detail-header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--comp-side)}.app-email-detail-subject{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:400;line-height:1.2;letter-spacing:-.02em}html[lang=zh] .app-email-detail-subject,html[lang=ja] .app-email-detail-subject{font-style:normal;font-weight:500}.app-email-detail-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--ink);font-family:var(--font-mono)}.app-email-detail-meta>div{display:flex;gap:.55rem;align-items:baseline}.app-email-detail-label{display:inline-block;min-width:6rem;color:var(--ink-light);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.app-email-detail-from-addr{color:var(--ink-light);font-size:.78rem}.app-email-detail-code{font-family:var(--font-mono);font-size:1rem;background:var(--bg-card);border:1px solid var(--comp-side);padding:.15rem .5rem}.app-email-body{border:1px solid var(--comp-side);background:var(--bg-card);min-height:12rem}.app-email-iframe{width:100%;min-height:32rem;border:none;display:block;background:#fff}.app-email-text{white-space:pre-wrap;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;padding:1.25rem;color:var(--ink)}.app-attachments{display:flex;flex-direction:column;gap:.6rem}.app-attachments-title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);font-weight:600}.app-attachments-list{list-style:none;display:flex;flex-direction:column;border:1px solid var(--comp-side);background:var(--bg-card)}.app-attachment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.7rem 1rem}.app-attachment-row+.app-attachment-row{border-top:1px solid var(--comp-side)}.app-attachment-name{font-family:var(--font-mono);font-size:.86rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-attachment-type{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light)}.app-attachment-download{border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.78rem;padding:.3rem .7rem;cursor:pointer;transition:background .15s,color .15s}.app-attachment-download:hover{background:var(--ink);color:var(--bg-page)}.app-attachment-download:disabled{opacity:.55;cursor:default}.app-pane-action{border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);font-family:var(--font-sans);font-size:.82rem;padding:.4rem .85rem;cursor:pointer;transition:opacity .15s}.app-pane-action:hover{opacity:.85}.app-pane-subtitle{margin-top:.55rem;color:var(--ink-light);font-size:.85rem;line-height:1.5}.app-empty-cta{margin-top:.5rem;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);font-family:var(--font-sans);font-size:.85rem;padding:.55rem 1.1rem;cursor:pointer;transition:opacity .15s}.app-empty-cta:hover{opacity:.85}.app-product-list{list-style:none;border:1px solid var(--comp-side);background:var(--bg-card)}.app-product-row+.app-product-row{border-top:1px solid var(--comp-side)}.app-product-link{display:grid;grid-template-columns:1fr minmax(0,14rem) auto;gap:1rem;align-items:center;padding:.9rem 1rem;color:var(--ink);text-decoration:none;transition:background .15s}.app-product-link:hover{background:var(--bg-page)}.app-product-name{font-size:.92rem;font-weight:500}.app-product-slug{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-product-status{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light);white-space:nowrap}.app-product-status.connected{color:#236046}.app-product-status:before{content:"○ "}.app-product-status.connected:before{content:"● "}.app-product-detail{display:flex;flex-direction:column;gap:2rem;max-width:960px}.app-product-detail-header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.app-product-slug-pill{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-card);border:1px solid var(--comp-side);padding:.2rem .55rem;color:var(--ink-light)}.app-product-delete{margin-left:auto;border:1px solid var(--comp-side);background:transparent;color:#b33b2e;font-family:var(--font-sans);font-size:.78rem;padding:.35rem .75rem;cursor:pointer;transition:background .15s}.app-product-delete:hover{background:#b33b2e14}.app-section{display:flex;flex-direction:column;gap:.55rem;padding:1.2rem 1.25rem;border:1px solid var(--comp-side);background:var(--bg-card)}.app-section-title{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);font-weight:600;margin:0}.app-section-help{font-size:.85rem;line-height:1.55;color:var(--ink-light);margin:0}.app-section-status{margin:.25rem 0 0;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-section-status.connected{color:#236046}.app-section-message{margin:0;font-size:.82rem;color:var(--ink-light)}.app-section-footer-note{margin-top:.5rem;font-size:.78rem;color:var(--ink-light);font-style:italic}.app-copy-row{display:flex;align-items:stretch;gap:.5rem}.app-copy-code{flex:1;min-width:0;font-family:var(--font-mono);font-size:.82rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.55rem .7rem;overflow-x:auto;white-space:nowrap}.app-copy-btn{border:1px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.78rem;padding:0 .85rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.app-copy-btn:hover{background:var(--ink);color:var(--bg-page)}.app-signing-row{display:flex;gap:.55rem;align-items:stretch}.app-signing-row .app-field-input{flex:1}.app-bindings-table{width:100%;border-collapse:collapse;margin-top:.4rem;font-size:.85rem}.app-bindings-table th,.app-bindings-table td{text-align:left;padding:.55rem;border-bottom:1px solid var(--comp-side);vertical-align:top}.app-bindings-table th{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);font-weight:600}.app-binding-event{display:flex;flex-direction:column;gap:.18rem}.app-binding-event code{font-family:var(--font-mono);font-size:.78rem;color:var(--ink)}.app-binding-event-name{font-size:.78rem;color:var(--ink-light)}.app-binding-template{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-binding-status{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-light)}.app-binding-status.active{color:#236046}.app-binding-status.staged{color:#7a4d00;border:1px solid #d4b85a;background:#fff5d0;padding:.18rem .5rem}.app-binding-status.disabled{color:#b33b2e}.app-binding-status.inactive{color:var(--ink-light);opacity:.7}.app-rollout-control{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.78rem}.app-rollout-slider{width:8rem;accent-color:var(--ink)}.app-rollout-value{width:2.6rem;text-align:right;color:var(--ink-light)}.app-rollout-error{color:#b33b2e;font-weight:700;cursor:help}.app-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.app-field-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light)}.app-field-input{border:1px solid var(--ink);background:var(--bg-page);padding:.55rem .7rem;font-family:var(--font-sans);font-size:.9rem;color:var(--ink);outline:none}.app-field-input:focus{outline:2px solid var(--ink);outline-offset:1px}.app-field-mono{font-family:var(--font-mono);font-size:.85rem}.app-field-hint{font-size:.78rem;color:var(--ink-light)}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.app-modal{width:min(34rem,100%);max-height:min(90vh,40rem);overflow:auto;background:var(--bg-card);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--comp-shadow);display:flex;flex-direction:column}.app-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;border-bottom:1px solid var(--comp-side)}.app-modal-title{font-family:var(--font-serif);font-style:italic;font-size:1.45rem;font-weight:400}html[lang=zh] .app-modal-title,html[lang=ja] .app-modal-title{font-style:normal;font-weight:500}.app-modal-close{border:none;background:transparent;font-size:1.55rem;line-height:1;color:var(--ink-light);cursor:pointer;padding:0}.app-modal-body{padding:1.2rem 1.25rem}.app-modal-error{color:#b33b2e;font-size:.84rem;margin-top:.5rem}.app-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--comp-side)}.app-modal-primary{border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);font-family:var(--font-sans);font-size:.85rem;padding:.55rem 1.2rem;cursor:pointer;transition:opacity .15s}.app-modal-primary:hover{opacity:.85}.app-modal-primary:disabled{opacity:.55;cursor:default}.app-modal-secondary{border:1px solid var(--comp-side);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.85rem;padding:.55rem 1.2rem;cursor:pointer;transition:background .15s}.app-modal-secondary:hover{background:var(--bg-page)}.app-domain-groups{display:flex;flex-direction:column;gap:1.25rem}.app-domain-group{display:flex;flex-direction:column;gap:.6rem}.app-domain-group-header{display:flex;align-items:baseline;gap:.5rem}.app-domain-group-product{font-size:.92rem;font-weight:500}.app-domain-row{border:1px solid var(--comp-side);background:var(--bg-card)}.app-domain-summary{display:flex;align-items:center;gap:.7rem;width:100%;border:none;background:transparent;padding:.65rem .85rem;cursor:pointer;text-align:left;font-family:var(--font-sans);color:var(--ink)}.app-domain-summary:hover{background:var(--bg-page)}.app-domain-name{flex:1;font-family:var(--font-mono);font-size:.88rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis}.app-domain-region{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light)}.app-domain-chevron{color:var(--ink-light);font-size:.9rem;flex-shrink:0}.app-domain-details{display:flex;flex-direction:column;gap:.85rem;padding:.4rem .85rem 1rem;border-top:1px solid var(--comp-side)}.app-domain-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.app-domain-actions .app-product-delete{margin-left:auto}.app-dns-table td code{font-family:var(--font-mono);font-size:.78rem;color:var(--ink);word-break:break-all}.app-dns-value{display:inline-block;max-width:26rem;white-space:normal;overflow-wrap:anywhere}.app-dns-priority{margin-left:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-light)}.app-cf-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem;padding:.85rem;background:var(--bg-page);border:1px dashed var(--comp-side)}.app-section-help-small{font-size:.78rem}.app-domain-link{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}.app-cf-result{margin-top:.4rem;font-size:.85rem}.app-cf-result-list{list-style:none;margin-top:.4rem;font-family:var(--font-mono);font-size:.78rem;display:flex;flex-direction:column;gap:.18rem}.app-cf-result-list .ok{color:#236046}.app-cf-result-list .fail{color:#b33b2e}.app-cf-result-error{margin-left:.4rem;color:#b33b2e}.app-editor{display:flex;flex-direction:column;height:100%;margin:-2rem -2.5rem}.app-editor-toolbar{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--comp-side);background:var(--bg-card)}.app-editor-toolbar-title{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.app-editor-template-slug{font-family:var(--font-mono);font-size:.95rem;font-weight:500}.app-editor-toolbar-actions{display:flex;align-items:center;gap:.55rem}.app-editor-locale-select{width:auto;padding:.35rem .6rem;font-size:.78rem}.app-editor-save-indicator{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-light);min-width:5rem;text-align:right}.app-editor-save-saved{color:#236046}.app-editor-save-error{color:#b33b2e}.app-editor-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr)}.app-editor-preview{display:flex;flex-direction:column;padding:1rem 1.25rem;background:var(--bg-page);overflow:auto;border-right:1px solid var(--comp-side)}.app-editor-preview-meta{margin-bottom:.6rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light)}.app-editor-preview-meta strong{font-weight:600;color:var(--ink);margin-right:.4rem}.app-editor-preview-error{margin-bottom:.6rem;padding:.55rem .7rem;background:var(--bg-card);border:1px solid var(--comp-side)}.app-editor-iframe{flex:1;width:100%;min-height:28rem;border:1px solid var(--comp-side);background:#fff}.app-editor-side{display:flex;flex-direction:column;min-height:0;background:var(--bg-card)}.app-editor-tabs{flex-shrink:0;display:flex;border-bottom:1px solid var(--comp-side)}.app-editor-tab{flex:1;border:none;background:transparent;padding:.65rem .5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);cursor:pointer;border-bottom:2px solid transparent}.app-editor-tab:hover{color:var(--ink)}.app-editor-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.app-editor-tab-body{flex:1;overflow-y:auto;padding:1rem}.app-blocks-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.app-block-card{border:1px solid var(--comp-side);background:var(--bg-page);padding:.6rem .7rem}.app-block-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.app-block-type{font-family:var(--font-mono);font-size:.78rem;color:var(--ink)}.app-block-actions{display:flex;gap:.25rem}.app-block-actions button{border:1px solid var(--comp-side);background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:.78rem;padding:.1rem .45rem;cursor:pointer}.app-block-actions button:disabled{opacity:.4;cursor:default}.app-block-fields{display:flex;flex-direction:column;gap:.3rem}.app-block-field{margin-bottom:0}.app-block-field .app-field-label{font-size:.66rem}.app-blocks-add{margin-top:.75rem}.app-blocks-add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.35rem;margin-top:.3rem}.app-block-add-btn{border:1px solid var(--comp-side);background:transparent;font-family:var(--font-mono);font-size:.74rem;color:var(--ink);padding:.4rem .55rem;cursor:pointer;text-align:center}.app-block-add-btn:hover{background:var(--bg-page)}.app-locale-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.55rem;align-items:center}.app-locale-tab{border:1px solid var(--comp-side);background:transparent;font-family:var(--font-mono);font-size:.75rem;padding:.3rem .6rem;cursor:pointer}.app-locale-tab.active{background:var(--ink);color:var(--bg-page);border-color:var(--ink)}.app-locale-tab-add{color:#236046}.app-locale-add{border:1px dashed var(--comp-side);background:transparent;font-family:var(--font-mono);font-size:.74rem;padding:.25rem .45rem;width:9rem}.app-i18n-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.app-i18n-row{display:grid;grid-template-columns:8rem 1fr;gap:.55rem;align-items:start}.app-i18n-key{font-family:var(--font-mono);font-size:.78rem;padding-top:.4rem;color:var(--ink-light)}.app-i18n-add{display:flex;gap:.4rem;margin-top:.55rem}.app-fieldset{border:1px solid var(--comp-side);padding:.6rem .7rem;margin-bottom:1rem}.app-fieldset legend{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);padding:0 .3rem}.app-radio{display:flex;align-items:center;gap:.4rem;font-size:.85rem;padding:.25rem 0}.app-ai-panel{display:flex;flex-direction:column;gap:.8rem;height:100%}.app-ai-help{font-size:.82rem;color:var(--ink-light);line-height:1.5}.app-ai-examples{list-style:none;display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem}.app-ai-example{text-align:left;font-family:var(--font-mono);font-size:.74rem;background:var(--bg-page);border:1px dashed var(--comp-side);padding:.35rem .55rem;cursor:pointer;color:var(--ink-light);width:100%}.app-ai-example:hover{background:var(--bg-card);color:var(--ink)}.app-ai-history{list-style:none;display:flex;flex-direction:column;gap:.8rem;flex:1;min-height:0;overflow-y:auto}.app-ai-turn{display:flex;flex-direction:column;gap:.45rem}.app-ai-prompt{display:flex;justify-content:flex-end}.app-ai-bubble{background:var(--ink);color:var(--bg-page);padding:.55rem .75rem;border-radius:4px;max-width:90%;font-size:.85rem;line-height:1.5;white-space:pre-wrap}.app-ai-response{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .7rem;background:var(--bg-page);border:1px solid var(--comp-side)}.app-ai-pending{font-style:italic;color:var(--ink-light)}.app-ai-explanation{font-size:.85rem;line-height:1.5;color:var(--ink);margin:0}.app-ai-ops{font-size:.78rem;font-family:var(--font-mono)}.app-ai-ops summary{cursor:pointer;color:var(--ink-light);padding:.15rem 0}.app-ai-ops-pre{background:var(--bg-card);border:1px solid var(--comp-side);padding:.55rem;margin-top:.3rem;font-size:.72rem;line-height:1.45;max-height:18rem;overflow:auto;white-space:pre}.app-ai-actions{display:flex;justify-content:flex-end}.app-ai-input-row{display:flex;gap:.4rem;flex-shrink:0}.app-ai-input-row textarea{flex:1;resize:none;font-family:var(--font-sans)}.app-ai-input-row .app-modal-primary{align-self:stretch}.app-mailbox-tabs{display:flex;gap:0;margin-top:.65rem}.app-mailbox-tab{border:none;background:transparent;font-family:var(--font-sans);font-size:.85rem;color:var(--ink-light);cursor:pointer;padding:.4rem .85rem .55rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;margin-right:.4rem}.app-mailbox-tab:hover{color:var(--ink)}.app-mailbox-tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}.app-schema-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:.65rem .9rem;background:#fff5d0;border:1px solid #d4b85a;color:#5b4500;font-size:.85rem}.app-schema-banner-cta{font-family:var(--font-mono);font-size:.78rem;color:#3a2c00;text-decoration:none;border-bottom:1px solid #5b4500;white-space:nowrap}.app-apikey-link{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.85rem 1rem}.app-apikey-code{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-apikey-actions{display:flex;gap:.4rem;flex-shrink:0}.app-apikey-howto{margin-top:1.25rem}.app-apikey-snippet{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.7rem .9rem;overflow-x:auto;line-height:1.5;white-space:pre}.app-settings-dl{display:grid;grid-template-columns:9rem 1fr;gap:.45rem .85rem;margin:0}.app-settings-dl dt{color:var(--ink-light);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.app-settings-dl dd{margin:0;font-size:.85rem;overflow-wrap:anywhere}.app-settings-missing{list-style:none;margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.35rem}.app-settings-missing code{font-family:var(--font-mono);font-size:.74rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.15rem .4rem}.app-sent-to-label{display:inline-block;width:1rem;color:var(--ink-light);font-family:var(--font-mono);margin-right:.3rem}@media(max-width:1023px){.app-shell:after{content:"Please open mails.dev on a desktop.";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--bg-page);color:var(--ink-light);font-family:var(--font-mono);font-size:.85rem;z-index:100}}:root{--bg-page: #F6F5F0;--bg-card: #FFFFFF;--ink: #1A1A1A;--ink-light: #4A4A4A;--blob-color: #E6E3DB;--font-serif: "EB Garamond", serif;--font-serif-zh: "Noto Serif SC", "EB Garamond", serif;--font-serif-ja: "Shippori Mincho", "EB Garamond", serif;--font-sans: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--font-mono-claim: "IBM Plex Mono", "Space Mono", monospace;--comp-face: #ECEAE4;--comp-side: #DCD9D3;--comp-shadow: #C5C2BC;--screen-bg: #111111;--kb-thickness: 16px;--kb-angle: 66deg}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-page);color:var(--ink);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}#root{width:100%;display:flex;flex-direction:column;align-items:center}.page-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-bottom:4rem}.header-tagline{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-light)}.status-badge{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-light)}.status-health{display:flex;align-items:center;gap:.3rem}.status-ok-text{display:none}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-ok{background:#22c55e;box-shadow:0 0 4px #22c55e80}.status-err{background:#ef4444;box-shadow:0 0 4px #ef444480}.status-sep{margin:0 .25rem;opacity:.4}.status-badge-mobile{display:none}@media(max-width:900px){.page-header .status-badge{display:none}.status-badge-mobile{display:block;position:absolute;top:1.2rem;left:1.5rem;z-index:10}.status-badge-mobile .status-badge{flex-direction:column;align-items:flex-start;gap:.1rem}.status-badge-mobile .status-sep{display:none}.status-badge-mobile .status-ok-text{display:inline}.status-badge-mobile .status-line{padding-left:calc(6px + .3rem)}}.header-auth{display:flex;align-items:center;gap:.75rem}.header-signin{background:none;border:1px solid var(--ink);font-family:var(--font-sans);font-size:.78rem;color:var(--ink);cursor:pointer;padding:.35rem .75rem;transition:background .15s ease,color .15s ease}.header-signin:hover{background:var(--ink);color:var(--bg-page)}.header-dashboard{font-family:var(--font-sans);font-size:.78rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:1px;transition:opacity .15s ease}.header-dashboard:hover{opacity:.7}.lang-switcher{display:flex;gap:.25rem}.lang-btn{background:none;border:1px solid transparent;font-family:var(--font-sans);font-size:.8rem;color:var(--ink-light);cursor:pointer;padding:.2rem .5rem;transition:all .2s;border-radius:2px}.lang-btn:hover{color:var(--ink)}.lang-btn.active{color:var(--ink);border-color:var(--ink)}.editorial-card{width:100%;max-width:1200px;background:var(--bg-card);border:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.info-panel{padding:4rem;display:flex;flex-direction:column;border-right:1px solid var(--ink)}h1{font-family:var(--font-serif);font-size:clamp(3rem,5vw,5.5rem);font-weight:400;font-style:italic;line-height:.95;letter-spacing:-.03em;margin-bottom:3rem;max-width:90%}h1 em{font-style:italic}h1.cjk-title{font-style:normal;font-weight:500;letter-spacing:0;line-height:1.2;font-size:clamp(2rem,3.8vw,3.5rem);white-space:pre-line}html[lang=zh] h1.cjk-title{font-family:var(--font-serif-zh)}html[lang=ja] h1.cjk-title{font-family:var(--font-serif-ja)}.hero-claim{display:flex;flex-direction:column;gap:1rem;margin-top:-1rem}.hero-claim-copy{display:flex;flex-direction:column;gap:.35rem;max-width:34rem}.hero-claim-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light)}.hero-claim-note{color:var(--ink-light);font-size:.92rem;line-height:1.6}.hero-claim-controls{display:flex;align-items:stretch;gap:.75rem;flex-wrap:wrap}.hero-claim-toolbar{width:100%;display:flex;align-items:stretch;gap:.75rem}.hero-claim-actions{display:flex;align-items:stretch;gap:.75rem;flex-wrap:wrap}.hero-claim-account{margin-left:auto;display:flex;align-items:stretch;justify-content:flex-end;flex:0 0 auto}.hero-claim-input{display:flex;align-items:center;gap:.75rem;min-height:50px;flex:1 1 18rem;border:1px solid var(--ink);background:var(--bg-page);padding:0 1rem}.hero-claim-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--ink);font-family:var(--font-mono-claim);font-size:.95rem;font-weight:500;padding:.9rem 0}.hero-claim-input input::placeholder{color:color-mix(in srgb,var(--ink-light) 72%,var(--bg-page))}.hero-claim-domain{flex-shrink:0;color:var(--ink-light);font-family:var(--font-mono-claim);font-size:.82rem;font-weight:500}.hero-claim-button{min-height:50px;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);padding:0 1.3rem;font-family:var(--font-sans);font-size:.92rem;cursor:pointer;transition:opacity .2s ease}.hero-claim-button:hover{opacity:.88}.hero-claim-button:disabled{opacity:.55;cursor:default}.hero-claim-secondary{min-height:50px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:0 1rem;font-family:var(--font-sans);font-size:.92rem;cursor:pointer;transition:opacity .2s ease}.hero-claim-secondary:hover{opacity:.72}.hero-claim-input:focus-within,.hero-claim-button:focus-visible,.hero-claim-secondary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hero-claim-error{color:#b33b2e;font-size:.82rem}.hero-claim-status{font-size:.84rem;line-height:1.5}.hero-claim-status.available{color:#236046}.hero-claim-status.checking{color:var(--ink-light)}.hero-claim-status.unavailable{color:#b33b2e}.claim-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top,#e6e3dbc7,#1a1a1a5c),#1a1a1a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.claim-modal{width:min(42rem,100%);max-height:min(88vh,48rem);overflow:auto;background:var(--bg-card);border:1px solid var(--ink);box-shadow:18px 18px 0 var(--comp-shadow)}.claim-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.6rem 1.6rem 1.3rem;border-bottom:1px solid var(--comp-side)}.claim-modal-copy{display:flex;flex-direction:column;gap:.45rem;min-width:0}.claim-modal-eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light)}.claim-modal-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;font-style:italic;line-height:.98;letter-spacing:-.03em}html[lang=zh] .claim-modal-title{font-family:var(--font-serif-zh);font-style:normal;font-weight:500;line-height:1.18;letter-spacing:0}html[lang=ja] .claim-modal-title{font-family:var(--font-serif-ja);font-style:normal;font-weight:500;line-height:1.18;letter-spacing:0}.claim-modal-text{color:var(--ink-light);font-size:.95rem;line-height:1.6;max-width:34rem}.claim-modal-command{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.85rem;max-width:42rem}.claim-modal-command-code{min-width:0;flex:1 1 24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.78rem;background:var(--bg-page);border:1px solid var(--comp-side);padding:.55rem .7rem}.claim-modal-close{border:none;background:transparent;color:var(--ink-light);font-size:1.8rem;line-height:1;cursor:pointer;padding:.15rem;flex-shrink:0}.claim-modal-actions{display:flex;flex-direction:column;gap:.8rem;padding:1.35rem 1.6rem 1.5rem}.claim-modal-primary{min-height:3.2rem;border:1px solid var(--ink);background:var(--ink);color:var(--bg-page);padding:0 1.2rem;font-family:var(--font-sans);font-size:.95rem;cursor:pointer}.claim-modal-primary:disabled{opacity:.55;cursor:default}.claim-modal-error{color:#b33b2e;font-size:.84rem;line-height:1.5}.claim-mailboxes{border-top:1px solid var(--comp-side);padding:1.4rem 1.6rem 1.6rem}.claim-mailboxes-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}.claim-mailboxes-header h3{font-size:.92rem;font-weight:600}.claim-mailboxes-header p{font-size:.8rem;color:var(--ink-light)}.claim-mailboxes-summary{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.claim-modal-empty{padding:1.1rem 0;color:var(--ink-light);display:flex;flex-direction:column;gap:.3rem}.claim-modal-empty strong{color:var(--ink);font-size:.92rem}.claim-mailbox-list{display:flex;flex-direction:column;gap:.9rem}.claim-mailbox-card{display:flex;flex-direction:column;gap:.8rem;padding:.95rem 1rem;background:var(--bg-page);border:1px solid var(--comp-side)}.claim-mailbox-card.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.claim-mailbox-row,.claim-mailbox-key-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.claim-mailbox-address{min-width:0;font-family:var(--font-mono);font-size:.88rem;overflow-wrap:anywhere}.claim-mailbox-key{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.76rem;background:var(--bg-card);border:1px solid var(--comp-side);padding:.45rem .6rem}.claim-mailbox-copy,.claim-mailbox-delete{border:1px solid var(--comp-side);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:.75rem;padding:.45rem .65rem;cursor:pointer;flex-shrink:0}.claim-mailbox-delete{color:var(--ink-light)}.claim-mailbox-meta{color:var(--ink-light);font-size:.75rem}.claim-mailbox-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;flex-wrap:wrap}.cmd-list{font-family:var(--font-mono);font-size:.8rem}.divider{height:1px;width:100%;background-color:var(--ink);margin:2rem 0}.specs-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;font-size:.85rem;line-height:1.6}.spec-group h3{font-weight:600;margin-bottom:1rem;font-size:.85rem}.tabbed-specs{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.tabbed-specs-nav{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.spec-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--ink-light);cursor:pointer;display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.85rem;font-weight:600;line-height:1.5;min-height:2rem;padding:.2rem 0 .2rem 1.15rem;position:relative;text-align:left;transition:color .2s ease,opacity .2s ease}.spec-tab:before{content:"";position:absolute;left:0;top:50%;width:.5rem;height:.5rem;border:1px solid var(--comp-side);background:transparent;transform:translateY(-50%);transition:border-color .2s ease,background-color .2s ease}.spec-tab:hover{color:var(--ink)}.spec-tab:hover:before,.spec-tab:focus-visible:before,.spec-tab.active{color:var(--ink)}.spec-tab:hover:before,.spec-tab:focus-visible:before,.spec-tab.active:before{border-color:var(--ink)}.spec-tab.active:before{background:var(--ink)}.spec-tab:focus-visible{outline:none;color:var(--ink)}.tabbed-specs-panel{min-height:10rem;font-size:.92rem;line-height:1.6}.spec-stack{display:flex;flex-direction:column;gap:.8rem}.spec-copy{color:var(--ink);max-width:38rem}.spec-list{list-style:none;color:var(--ink-light)}.spec-list li{margin-bottom:.25rem}.action-area{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start;font-size:.85rem}.action-label{font-weight:600;padding-top:.35rem}.action-col{display:flex;flex-direction:column;gap:.5rem}.cmd-row{display:flex;align-items:center;gap:.5rem}.install-cmd{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-page);padding:.35rem .7rem;border:1px solid var(--ink);-webkit-user-select:all;user-select:all;cursor:text;flex:1;min-width:0}.copy-btn{background:none;border:1px solid var(--ink);padding:.3rem;cursor:pointer;color:var(--ink-light);display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.copy-btn:hover{color:var(--ink)}.action-links{display:flex;gap:1.5rem;align-items:center;margin-top:.25rem}.btn-editorial{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:opacity .2s;cursor:pointer}.btn-editorial:hover{opacity:.6}.visual-panel{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-page);overflow:hidden;padding:4rem}.organic-blob{position:absolute;width:120%;height:120%;background-color:var(--blob-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;z-index:1;transition:transform 1s ease}.visual-panel:hover .organic-blob{transform:scale(1.05) rotate(5deg)}.scene{position:relative;z-index:2;perspective:2500px;transform-style:preserve-3d;transform:scale(.85) rotateY(-20deg) rotateX(10deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.visual-panel:hover .scene{transform:scale(.9) rotateY(-10deg) rotateX(5deg)}.computer-unit{position:relative;width:320px;height:400px;transform-style:preserve-3d}.face{position:absolute;border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;align-items:center}.front{width:320px;height:400px;transform:translateZ(120px);background:var(--comp-face);box-shadow:inset -5px -5px 15px #0000000d,inset 2px 2px 10px #fffc;padding-top:35px}.back{width:320px;height:400px;transform:translateZ(-120px) rotateY(180deg);background:var(--comp-shadow)}.left{width:240px;height:400px;transform:rotateY(-90deg) translateZ(120px);background:var(--comp-side);box-shadow:inset 10px 0 30px #00000008}.right{width:240px;height:400px;transform:rotateY(90deg) translateZ(200px);background:var(--comp-shadow)}.top{width:320px;height:240px;transform:rotateX(90deg) translateZ(120px);background:#f4f2ec}.bottom{width:320px;height:240px;transform:rotateX(-90deg) translateZ(280px);background:#b0ada6;box-shadow:0 60px 100px #0003}.screen-inset{width:250px;height:190px;background:#d8d5cf;border-radius:12px;box-shadow:inset 2px 2px 6px #00000026,inset -1px -1px 4px #fff9;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.crt{width:230px;height:170px;background:var(--screen-bg);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.crt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 3px;z-index:5;pointer-events:none}.crt-ui{position:absolute;top:10px;left:10px;right:10px;bottom:10px;font-family:var(--font-mono);font-size:11px;color:#e0e0e0;display:flex;flex-direction:column;z-index:2}.window{background:#eaeaea;color:#111;flex:1;border-radius:2px;padding:8px;box-shadow:2px 2px #0009;display:flex;flex-direction:column}.window-header{border-bottom:1px dashed #888;padding-bottom:4px;margin-bottom:6px;font-weight:700;display:flex;justify-content:space-between}.typing-container{line-height:1.4;flex:1;font-size:9px;overflow:hidden}.cursor{display:inline-block;width:7px;height:10px;background:#111;animation:blink 1s step-end infinite;vertical-align:middle;margin-bottom:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.floppy-slot{width:100px;height:8px;background:#222;border-radius:4px;box-shadow:inset 1px 1px 3px #0009;margin-left:120px}.vent-grid{position:absolute;bottom:20px;right:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.vent{width:4px;height:25px;background:#a09c94;border-radius:2px;box-shadow:inset 1px 1px 2px #0000004d}.keyboard-assembly{position:absolute;width:320px;height:130px;bottom:-110px;transform-style:preserve-3d;transform-origin:top center;transform:translateZ(140px) rotateX(var(--kb-angle))}.kb-base{position:absolute;width:100%;height:100%;background:var(--comp-face);box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 10px #0000000d;transform:translateZ(calc(var(--kb-thickness) / 2))}.kb-front{position:absolute;bottom:0;left:0;width:100%;height:var(--kb-thickness);background:var(--comp-shadow);transform-origin:bottom center;transform:translateZ(calc(var(--kb-thickness) / 2)) rotateX(90deg)}.kb-shadow{position:absolute;width:100%;height:100%;top:0;left:0;transform:rotateX(calc(-90deg - var(--kb-angle))) translateZ(10px);box-shadow:0 30px 50px #00000026;pointer-events:none}.keys-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:12px;transform:translateZ(6px);transform-style:preserve-3d}.key{height:22px;background:#f8f7f4;border-radius:3px;box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a;transform:translateZ(1px)}.key.wide{grid-column:span 2}.key.space{grid-column:span 6}@keyframes typeKey{0%,to{transform:translateZ(1px) translateY(0);box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a}50%{transform:translateZ(-1px) translateY(3px);box-shadow:0 1px #d0cdc7,0 1px 1px #0000000d}}.key:nth-child(3n+1){animation:typeKey 1.5s infinite .2s}.key:nth-child(7n){animation:typeKey 2.1s infinite .5s}.key:nth-child(2n+4){animation:typeKey 1.8s infinite .9s}.key:nth-child(4n+2){animation:typeKey 1.2s infinite 0s}.page-footer{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--ink-light);margin-top:2rem;padding-top:1rem}.page-footer-meta,.page-footer .lang-switcher{flex:0 0 auto}@media(max-width:900px){.editorial-card{grid-template-columns:1fr}.visual-panel{order:-1;border-bottom:1px solid var(--ink);min-height:400px;padding:3rem 2rem}.info-panel{padding:3rem 2rem;border-right:none}h1{font-size:3rem}h1.cjk-title{font-size:2.4rem}.action-area{grid-template-columns:1fr;gap:1rem}.hero-claim-controls{flex-direction:column}.hero-claim-input{width:100%;flex:0 0 auto}.hero-claim-toolbar{flex-direction:column}.hero-claim-actions{width:100%;flex-direction:column}.hero-claim-account{margin-left:0;width:100%;justify-content:flex-end}.hero-claim-button,.hero-claim-secondary{width:100%}.specs-layout{grid-template-columns:1fr;gap:.5rem}.tabbed-specs{grid-template-columns:1fr;gap:1rem}.tabbed-specs-panel{min-height:0}.claim-modal{box-shadow:10px 10px 0 var(--comp-shadow)}.claim-mailboxes-header,.claim-mailbox-row,.claim-mailbox-key-row,.claim-mailbox-meta-row{align-items:flex-start;flex-direction:column}.claim-mailboxes-summary{align-items:flex-start}}@media(max-width:480px){body{padding:1rem}.page-header{margin-bottom:2rem}h1{font-size:2.2rem}.hero-claim{margin-top:-1.5rem}.hero-claim-input{padding:0 .8rem}.claim-modal-backdrop{padding:.85rem}.claim-modal-header,.claim-modal-actions,.claim-mailboxes{padding-left:1rem;padding-right:1rem}.claim-modal-command-code{flex-basis:100%}.scene{transform:scale(.55) rotateY(-20deg) rotateX(10deg)}.visual-panel:hover .scene{transform:scale(.6) rotateY(-10deg) rotateX(5deg)}}