:root{--xv-bg:#f7f8fe;--xv-bg-top:#dcefff;--xv-bg-accent:#efebff;--xv-surface:#fff;--xv-text:#1e2d4b;--xv-muted:#6b7994;--xv-border:#e5eaf5;--xv-primary:#0878f9;--xv-primary-deep:#0c63dc;--xv-primary-soft:#e8f2ff;--xv-hero-start:#0786ff;--xv-hero-end:#6593f5;--xv-danger:#cf4455;--xv-warning:#a96b11}:root[data-theme=dark]{--xv-bg:#080a0f;--xv-bg-top:#0b1020;--xv-bg-accent:#111729;--xv-surface:#1b1c22;--xv-text:#f7f9ff;--xv-muted:#a2adc3;--xv-border:#2c3447;--xv-primary:#4a9aff;--xv-primary-deep:#1680ff;--xv-primary-soft:#122b4d;--xv-danger:#ff8391;--xv-warning:#f4bd65}:root{color:var(--xv-text);background:var(--xv-bg);font-synthesis:none;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--xv-primary);outline-offset:3px}.app-shell{max-width:720px;min-height:100dvh;padding-bottom:calc(94px + env(safe-area-inset-bottom));background:linear-gradient(165deg, var(--xv-bg-top) 0, var(--xv-bg-accent) 200px, var(--xv-bg) 390px);margin:0 auto}.topbar{padding:calc(12px + env(safe-area-inset-top)) 20px 10px;align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--xv-hero-start), var(--xv-primary-deep));color:#fff;border-radius:13px;flex:none;place-items:center;width:39px;height:39px;font-size:20px;font-weight:800;display:grid;box-shadow:0 5px 12px #0878f922}.brand-mark img{border-radius:13px;width:39px;height:39px;display:block}.brand-name{color:var(--xv-primary);letter-spacing:-.03em;font-size:20px;font-weight:800;line-height:1.15}.brand-subtitle{color:var(--xv-muted);margin-top:2px;font-size:11px}.topbar-spacer{flex:1}.icon-button{width:44px;height:44px;color:var(--xv-primary-deep);background:var(--xv-surface);border:0;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 3px 12px #0b36850d}.main-area{padding:10px 20px 32px}.hero{border-radius:var(--xv-radius-hero,26px);color:#fff;background:linear-gradient(108deg, var(--xv-hero-start), var(--xv-hero-end));padding:24px;position:relative;overflow:hidden;box-shadow:0 14px 32px #0b79ed28}.hero:after{content:"";pointer-events:none;border:28px solid #ffffff12;border-radius:50%;width:180px;height:180px;position:absolute;top:-78px;right:-42px}.eyebrow{color:var(--xv-primary);letter-spacing:.03em;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.hero .eyebrow{color:#d8eaff}h1{letter-spacing:-.025em;margin:0 0 12px;font-size:26px;line-height:1.25}h2{margin:0;font-size:18px;line-height:1.35}.hero h1{font-size:29px;position:relative}.hero p{color:#e9f3ff;margin:0;font-size:14px;line-height:1.6;position:relative}.home-hero{flex-direction:column;justify-content:space-between;min-height:193px;display:flex}.hero-kicker{z-index:1;color:#dbeeff;letter-spacing:.06em;font-size:12px;font-weight:750;position:relative}.hero-main{z-index:1;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:12px;display:flex;position:relative}.hero-main>div{min-width:0}.hero-label{color:#e8f4ff;overflow-wrap:anywhere;font-size:13px;line-height:1.4;display:block}.home-hero h1{align-items:baseline;gap:8px;margin:4px 0 0;line-height:1.05;display:flex}.hero-number{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(38px,10vw,50px);font-weight:780}.hero-unit{letter-spacing:0;font-size:15px;font-weight:700}.hero-emblem{color:#fff;background:#ffffff20;border:1px solid #ffffff3b;border-radius:20px;flex:none;place-items:center;width:60px;height:60px;margin-bottom:2px;display:grid}.hero-footer{z-index:1;color:#eef7ff;border-top:1px solid #ffffff42;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:14px;font-size:12px;display:flex;position:relative}.hero-footer>span{overflow-wrap:anywhere;min-width:0}.hero-footer strong{font-variant-numeric:tabular-nums}.hero-footer button{color:#fff;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;min-height:44px;margin:-10px -8px -10px 0;padding:8px;font-weight:750;display:inline-flex}.home-section{margin-top:23px}.home-section .section-heading{margin:0 0 11px}.feature-grid{border:1px solid var(--xv-border);background:var(--xv-surface);border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px 8px;display:grid;box-shadow:0 7px 22px #12366b0c}.feature-tile{min-width:0;min-height:104px;color:var(--xv-text);text-align:center;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 2px;display:flex}.feature-icon{width:45px;height:45px;color:var(--xv-primary-deep);background:var(--xv-primary-soft);border-radius:15px;flex:none;place-items:center;margin-bottom:8px;display:grid}.feature-tile strong{overflow-wrap:anywhere;font-size:13px;font-weight:750;line-height:1.25}.feature-tile small{color:var(--xv-muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.25}.control-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-feature-grid .feature-tile{min-height:82px}.control-feature-grid .feature-tile strong{font-size:12px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.quick-grid button{border:1px solid var(--xv-border);background:var(--xv-surface);min-width:0;min-height:112px;color:var(--xv-text);text-align:left;border-radius:17px;flex-direction:column;align-items:flex-start;padding:13px;display:flex;box-shadow:0 5px 16px #12366b0a}.quick-grid button>span{background:var(--xv-primary-soft);width:34px;height:34px;color:var(--xv-primary-deep);border-radius:11px;place-items:center;margin-bottom:8px;display:grid}.quick-grid button strong{overflow-wrap:anywhere;font-size:13px;font-weight:750}.quick-grid button small{color:var(--xv-muted);overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.25}.home-status-card{border:1px solid var(--xv-border);background:var(--xv-surface);width:100%;min-height:76px;color:var(--xv-text);text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.home-status-card>div{align-items:center;gap:12px;min-width:0;display:flex}.home-status-card strong,.home-status-card small{display:block}.home-status-card strong{font-size:14px}.home-status-card small{color:var(--xv-muted);margin-top:4px;font-size:12px;line-height:1.35}.home-status-card>svg{color:var(--xv-primary);flex:none}.status-orb{width:40px;height:40px;color:var(--xv-primary);background:var(--xv-primary-soft);border-radius:13px;flex:none;place-items:center;display:grid}.home-footnote{color:var(--xv-muted);margin:10px 2px 0;font-size:12px;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;margin:28px 0 13px;display:flex}.section-heading button,.text-button{min-height:44px;color:var(--xv-primary);background:0 0;border:0;align-items:center;gap:4px;padding:10px;font-size:13px;font-weight:700;display:inline-flex}.list-card{background:var(--xv-surface);border:1px solid var(--xv-border);border-radius:17px;align-items:center;gap:12px;min-height:70px;margin-bottom:9px;padding:12px 14px;display:flex}.list-button{width:100%;color:var(--xv-text);text-align:left}.list-button>svg:last-child{color:var(--xv-primary);flex:none}.list-copy{flex:1;min-width:0}.list-copy strong,.list-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.list-copy strong{font-size:14px}.list-copy small{color:var(--xv-muted);margin-top:5px;font-size:12px}.task-result-card{text-align:left;align-items:flex-start}.task-result-card .list-copy strong,.task-result-card .list-copy small{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.task-result-card .state-pill{flex:none}.stack-list{margin-top:18px}.screen-intro{color:var(--xv-muted);margin:0 0 17px;font-size:14px;line-height:1.6}.helper-text{color:var(--xv-muted);margin:14px 0 20px;font-size:12px;line-height:1.6}.list-icon{width:42px;height:42px;color:var(--xv-primary);background:var(--xv-primary-soft);border-radius:13px;flex:none;place-items:center;display:grid}.list-card>div{flex:1;min-width:0}.list-card strong,.list-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.list-card strong{font-size:14px}.list-card small{color:var(--xv-muted);margin-top:5px;font-size:12px}.state-pill{background:var(--xv-primary-soft);color:var(--xv-primary-deep);border-radius:999px;flex:none;padding:6px 8px;font-size:11px;font-weight:700}.state-pill.warning{color:var(--xv-warning);background:#fff4df}.empty-card{border:1px dashed var(--xv-border);background:var(--xv-surface);color:var(--xv-muted);border-radius:17px;align-items:center;gap:12px;padding:20px;font-size:13px;line-height:1.5;display:flex}.empty-card p{margin:0}.back-link{min-height:44px;color:var(--xv-muted);background:0 0;border:0;align-items:center;gap:5px;margin-bottom:20px;padding:10px 0;display:inline-flex}.choice-list{gap:11px;margin-top:24px;display:grid}.choice{background:var(--xv-surface);width:100%;min-height:60px;color:var(--xv-text);border:1px solid var(--xv-border);text-align:left;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;display:flex}.choice>svg:first-child{color:var(--xv-primary)}.choice span{flex:1;font-weight:650}.choice.selected{background:var(--xv-primary-soft);border-color:var(--xv-primary)}.primary-button{color:#fff;background:var(--xv-primary);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:12px;font-weight:750;display:flex;box-shadow:inset 0 1px #ffffff38,0 7px 16px #0878f920}.primary-button:disabled{opacity:.46;cursor:not-allowed}.form-card{border:1px solid var(--xv-border);background:var(--xv-surface);border-radius:18px;gap:14px;margin-top:18px;padding:20px;display:grid}.form-card label{color:var(--xv-text);gap:8px;font-size:14px;font-weight:700;display:grid}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{border:1px solid var(--xv-border);background:var(--xv-bg);width:100%;min-height:48px;color:var(--xv-text);font:inherit;border-radius:12px;padding:11px 13px;font-weight:500}.form-card textarea{resize:vertical;min-height:104px;line-height:1.5}.form-card input:focus-visible,.form-card select:focus-visible,.form-card textarea:focus-visible{outline:3px solid var(--xv-primary);outline-offset:2px}.form-card .check-row{border-bottom:1px solid var(--xv-border);justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.form-card .check-row:last-child{border-bottom:0}.form-card .check-row input{width:22px;height:22px;accent-color:var(--xv-primary);flex:none}.form-card p{color:var(--xv-muted);margin:0;font-size:13px;line-height:1.6}.form-card .primary-button{margin-top:2px}.filter-size-presets{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;display:grid}.filter-size-field{gap:8px;display:grid}.filter-size-control{grid-template-columns:minmax(0,1fr) 86px;gap:8px;display:grid}.filter-size-control input,.filter-size-control select{min-width:0}.confirm-card{border-color:var(--xv-warning);margin-top:16px}.confirm-actions{gap:10px;display:flex}.confirm-actions>button{flex:1}.secondary-button,.danger-button{border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:10px 14px;font-weight:700;display:inline-flex}.secondary-button{border:1px solid var(--xv-border);background:var(--xv-surface);color:var(--xv-text)}.secondary-button.danger-text{border-color:var(--xv-danger);color:var(--xv-danger)}.secondary-button:disabled{opacity:.45;cursor:not-allowed}a.secondary-button{text-decoration:none}.danger-button{background:var(--xv-danger);color:#fff;border:0}.danger-button:disabled{opacity:.46;cursor:not-allowed}.danger-text{color:var(--xv-danger)}.full-width{width:100%;margin-top:14px}.summary-card{border:1px solid var(--xv-border);background:var(--xv-surface);border-radius:18px;margin-top:24px;padding:8px 18px 20px;display:grid}.summary-card>div{border-bottom:1px solid var(--xv-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:14px;display:flex}.summary-card>div span{color:var(--xv-muted)}.summary-card>div strong{text-align:right}.summary-card p{color:var(--xv-muted);margin:20px 0 6px;font-size:12px;line-height:1.6}.summary-card .warning-text{color:var(--xv-warning);font-weight:700}.summary-card .preview-item{overflow-wrap:anywhere;justify-content:start;align-items:start;gap:5px;display:grid}.preview-item strong{text-align:left!important}.preview-item small{color:var(--xv-muted);line-height:1.5}.publish-preview-section{border-bottom:1px solid var(--xv-border);padding:18px 0 2px}.publish-preview-section h3{color:var(--xv-ink);margin:0 0 12px;font-size:15px}.publish-preview-row{border-top:1px solid var(--xv-border);overflow-wrap:anywhere;gap:4px;padding:11px 0;display:grid}.publish-preview-row strong{font-size:14px}.publish-preview-row small{color:var(--xv-muted);line-height:1.5}.error-banner{color:var(--xv-danger);background:var(--xv-surface);border-left:3px solid var(--xv-danger);border-radius:10px;align-items:center;gap:8px;margin-top:20px;padding:12px 14px;font-size:13px;display:flex}.bottom-nav{z-index:10;width:min(100%,720px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--xv-surface);border-top:1px solid var(--xv-border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #10295612}.bottom-nav button{min-height:56px;color:var(--xv-muted);white-space:nowrap;background:0 0;border:0;border-radius:12px;align-content:center;justify-items:center;gap:4px;font-size:11px;font-weight:650;display:grid}.bottom-nav button.active{color:var(--xv-primary);background:var(--xv-primary-soft)}.control-nav{grid-template-columns:repeat(5,1fr)}.plan-card,.entry-card{border:1px solid var(--xv-border);background:var(--xv-surface);border-radius:17px;margin-top:12px;padding:16px}.plan-card>div,.entry-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.plan-card strong,.entry-meta strong{color:var(--xv-text)}.plan-card span,.entry-meta span,.entry-card small{color:var(--xv-muted);font-size:12px}.plan-card p,.entry-card p{color:var(--xv-muted);overflow-wrap:anywhere;font-size:13px;line-height:1.55}.entry-media-badge{background:var(--xv-primary-soft);min-height:26px;color:var(--xv-primary-deep);border-radius:8px;align-items:center;margin-top:10px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.entry-media-badge+p{margin-top:10px}.entry-parts{gap:8px;margin:12px 0;display:grid}.entry-part{border:1px solid var(--xv-border);background:var(--xv-bg);border-radius:10px;padding:11px 12px}.entry-part strong{color:var(--xv-text);font-size:13px}.entry-part p{margin:5px 0 0}.library-cleanup h2{color:var(--xv-text);margin:0 0 6px;font-size:16px}.library-cleanup>.secondary-button{width:100%}.library-cleanup-preview{border:1px solid var(--xv-border);background:var(--xv-bg);border-radius:14px;gap:10px;padding:16px;display:grid}.library-cleanup-preview>strong{color:var(--xv-text);font-size:15px}.library-cleanup-preview>p{margin:0}.library-cleanup-preview .danger-button{width:100%;margin-top:4px}.library-cleanup-sample{border-top:1px solid var(--xv-border);gap:4px;min-width:0;padding-top:9px;display:grid}.library-cleanup-sample span{color:var(--xv-text);font-size:13px;font-weight:700}.library-cleanup-sample small{color:var(--xv-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-settings{border:1px solid var(--xv-border);background:var(--xv-surface);border-radius:14px;margin:18px 0 22px}.library-settings>summary{min-height:48px;color:var(--xv-text);cursor:pointer;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.library-settings[open]{padding:0 16px 16px}.library-settings[open]>summary{border-bottom:1px solid var(--xv-border);margin:0 -16px}.library-settings .full-width{margin-top:12px}.entry-technical{color:var(--xv-muted);margin-top:12px;font-size:12px}.entry-technical summary{cursor:pointer;align-items:center;min-height:44px;display:inline-flex}.entry-technical small{overflow-wrap:anywhere;padding-bottom:6px;display:block}.entry-remove-button{margin-top:8px}.plan-card .primary-button{margin-top:12px}.payment-card{border:1px solid var(--xv-border);background:var(--xv-surface);border-radius:20px;gap:18px;margin:22px 0 16px;padding:20px;display:grid}.payment-card label{color:var(--xv-muted);gap:8px;font-size:12px;font-weight:700;display:grid}.payment-network{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.payment-network span{color:var(--xv-muted)}.payment-network strong{color:var(--xv-text);text-align:right}.payment-copy-row{align-items:stretch;gap:8px;min-width:0;display:flex}.payment-copy-row output{background:var(--xv-primary-soft);min-width:0;color:var(--xv-text);-webkit-user-select:all;user-select:all;border-radius:12px;flex:1;align-items:center;padding:12px;font-size:17px;font-weight:800;display:flex}.payment-copy-row .payment-address{overflow-wrap:anywhere;letter-spacing:.015em;font-size:12px}.payment-copy-row button{flex:none;justify-content:center;align-items:center;gap:5px;display:inline-flex}.payment-recheck{gap:10px;margin:18px 0;display:grid}.payment-recheck label{color:var(--xv-muted);font-size:12px;font-weight:700}.payment-recheck input{border:1px solid var(--xv-border);background:var(--xv-surface);width:100%;min-height:48px;color:var(--xv-text);font:inherit;border-radius:12px;padding:11px 13px;font-size:13px}.payment-recheck input:focus-visible{outline:3px solid var(--xv-primary);outline-offset:2px}.entry-card .text-button{padding-left:0}.pager{color:var(--xv-muted);justify-content:space-between;align-items:center;gap:8px;margin:16px 0;font-size:12px;display:flex}.segmented{background:var(--xv-primary-soft);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.segmented button{min-height:44px;color:var(--xv-muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.segmented button.active{background:var(--xv-surface);color:var(--xv-primary);box-shadow:0 3px 10px #10295612}.info-card,.note-card,.error-card{border:1px solid var(--xv-border);background:var(--xv-surface);color:var(--xv-muted);overflow-wrap:anywhere;border-radius:14px;margin:14px 0;padding:14px 16px;font-size:13px;line-height:1.55}.note-card{align-items:flex-start;gap:9px;display:flex}.note-card svg{color:var(--xv-primary);flex:none}.error-card{border-color:var(--xv-danger);color:var(--xv-danger)}.success-text{color:var(--xv-primary-deep);font-size:13px;font-weight:700}.warning-text{color:var(--xv-warning);font-size:13px;font-weight:700}.resource-inline-cover{object-fit:cover;border:1px solid var(--xv-border);border-radius:12px;width:min(100%,240px);max-height:160px;display:block}.resource-entry-choices{gap:8px;max-height:260px;display:grid;overflow-y:auto}.resource-entry-choices .choice{min-height:48px}.list-card.selected{border-color:var(--xv-primary);background:var(--xv-primary-soft)}:root[data-theme=dark] .state-pill.warning{background:#3c2a11}:root[data-theme=dark] .bottom-nav{box-shadow:none}@media (prefers-reduced-motion:no-preference){button{transition:background-color .16s,color .16s,border-color .16s,opacity .16s,transform .16s}button:active{transform:scale(.98)}.home-hero,.home-section{animation:.2s ease-out both home-enter}.home-section:nth-of-type(2){animation-delay:40ms}.home-section:nth-of-type(3){animation-delay:80ms}@keyframes home-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=370px){.topbar,.main-area{padding-left:16px;padding-right:16px}.home-hero{padding:20px}.hero-footer{flex-direction:column;align-items:flex-start;gap:4px}.hero-footer button{margin:0 -8px -8px}.control-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-feature-grid .feature-tile{min-height:80px}.feature-grid{gap:5px;padding:12px 4px}.feature-tile strong{font-size:12px}.feature-tile small{font-size:11px}.quick-grid{gap:6px}.quick-grid button{padding:10px}}@media (width<=720px),(pointer:coarse){#root input:not(:is([type=checkbox],[type=radio],[type=file],[type=button],[type=submit],[type=reset],[type=hidden],[type=range],[type=color],[type=image])),#root select,#root textarea{font-size:16px}}