:root{--paper:#f7f6f3;--paper-deep:#eee9df;--surface:#fffcf7;--surface-2:#f2ede3;--ink:#2b2823;--ink-2:#625e56;--ink-3:#8b857a;--line:#ded7ca;--line-strong:#c7beb0;--brand:#920f15;--brand-deep:#6d080c;--accent:#e63e21;--accent-deep:#bf2c12;--accent-soft:#fdece7;--gold:#ebd1a5;--gold-soft:#f6e9d4;--green:#22734a;--green-soft:#e7f2ea;--blue:#315f9e;--blue-soft:#e7eef8;--shadow-low:0 14px 36px -28px #2b28236b;--shadow-mid:0 24px 58px -34px #2b282385;--radius-sm:8px;--radius:14px;--radius-lg:18px;--dur-fast:.18s;--dur-med:.28s;--dur-slow:.55s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.3, 1.4, .5, 1);--font-sans:"Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-en:"Space Grotesk", "Bahnschrift", "DIN Alternate", "Microsoft YaHei", sans-serif;--font-serif:"STKaiti", "KaiTi", "FangSong", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#191714;--paper-deep:#24201c;--surface:#211e1a;--surface-2:#2b2621;--ink:#f7f1e8;--ink-2:#c8beb1;--ink-3:#968b7f;--line:#3b342d;--line-strong:#54493e;--brand:#b51d23;--brand-deep:#8d1015;--accent:#f05a3d;--accent-deep:#e24a2d;--accent-soft:#3d211b;--gold:#e5c98f;--gold-soft:#3c3324;--green:#61ad7c;--green-soft:#1f3829;--blue:#7fa9e6;--blue-soft:#202d42;--shadow-low:0 14px 36px -28px #000000b8;--shadow-mid:0 24px 58px -34px #000000d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);overflow-x:clip}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.18}p{overflow-wrap:anywhere}img,svg{display:block}::selection{background:var(--gold);color:var(--brand-deep)}.skip-link{z-index:200;background:var(--ink);min-height:44px;color:var(--paper);transition:transform var(--dur-fast) ease;border-radius:9px;padding:10px 16px;position:fixed;top:10px;left:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo-shell{background:var(--paper);min-height:100vh}.demo-header{z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 95%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.demo-header__inner{align-items:center;gap:24px;width:min(100%,1240px);min-height:66px;margin:0 auto;padding:0 24px;display:flex}.demo-brand{background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.demo-brand>span{background:var(--brand);color:#fff;width:34px;height:34px;font-family:var(--font-en);box-shadow:inset 0 0 0 2px var(--gold);border-radius:50%;place-items:center;font-weight:800;display:grid}.demo-brand strong{font-size:16px}.demo-brand small{color:var(--ink-3);font-size:10px}.demo-nav{align-items:center;gap:4px;margin-right:auto;display:flex}.demo-nav button,.demo-mobile-menu button{min-height:42px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.demo-nav button:hover,.demo-nav button.is-active{background:var(--accent-soft);color:var(--brand)}.demo-header__actions{align-items:center;gap:7px;display:flex}.demo-sync-badge{background:var(--green-soft);min-height:28px;color:var(--green);border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.demo-sync-badge.is-local{background:var(--gold-soft);color:#75551d}.demo-icon-button{width:42px;height:42px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.demo-icon-button:hover{background:var(--accent-soft);color:var(--accent-deep)}.demo-icon-button--danger:hover{color:var(--accent-deep);background:#fde5dc}.demo-user{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:3px 11px 3px 3px;display:inline-flex}.demo-user>span{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.demo-user b{font-size:12px}.demo-menu-button{display:none}.demo-mobile-menu{border-top:1px solid var(--line);padding:8px 16px 14px;display:grid}.demo-sync-line{width:min(100%,1240px);color:var(--ink-3);text-align:right;margin:0 auto;padding:0 24px 8px;font-size:10px}.demo-bottom-nav{display:none}.demo-page{width:min(100%,1180px);margin:0 auto;padding:28px 24px 72px}.demo-page-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding:10px 0 24px;display:flex}.demo-eyebrow{color:var(--ink-3);font-family:var(--font-en);letter-spacing:.15em;font-size:10px;font-weight:800}.demo-page-intro h1{letter-spacing:-.05em;margin-top:7px;font-size:clamp(32px,5vw,50px)}.demo-page-intro p:not(.demo-eyebrow){color:var(--ink-2);margin-top:7px;font-size:14px}.demo-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 16px;font-size:13px;font-weight:800;transition:transform .18s,background .18s,color .18s;display:inline-flex}.demo-button:active{transform:scale(.97)}.demo-button--primary{background:var(--brand);color:#fff}.demo-button--primary:hover{background:var(--accent-deep)}.demo-button--ghost{border-color:var(--line);background:var(--surface);color:var(--ink)}.demo-button--danger{background:var(--accent-deep);color:#fff}.demo-button--small{min-height:36px;padding:6px 11px;font-size:12px}.demo-text-link{min-height:36px;color:var(--accent-deep);background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.demo-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 28px;display:grid}.demo-metric{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px}.demo-metric strong{font-family:var(--font-en);font-size:32px;line-height:1;display:block}.demo-metric span{color:var(--ink-3);margin-top:5px;font-size:11px;font-weight:700;display:block}.demo-metric--red strong{color:var(--brand)}.demo-metric--gold strong{color:#8b6825}.demo-metric--danger strong{color:var(--accent-deep)}.demo-metric--green strong{color:var(--green)}.demo-home-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:22px;display:grid}.demo-section,.demo-feed-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:18px}.demo-section--wide{grid-column:1/-1}.demo-section-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.demo-section-head h2{margin-top:4px;font-size:21px}.demo-schedule-list{gap:9px;display:grid}.demo-schedule-row{border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.demo-schedule-row.is-important{border-left:3px solid var(--brand)}.demo-schedule-row.is-compact{padding:12px}.demo-complete{border:1px solid var(--line);background:var(--paper);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.demo-complete>span{border:1px solid var(--line-strong);border-radius:50%;width:14px;height:14px}.demo-complete.is-complete{border-color:var(--green);background:var(--green)}.demo-schedule-row__main{min-width:0}.demo-schedule-row__meta{align-items:center;gap:6px;display:flex}.demo-schedule-row h3{margin-top:5px;font-size:15px}.demo-schedule-row__details{color:var(--ink-3);flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:11px;display:flex}.demo-schedule-row__details span{align-items:center;gap:4px;display:inline-flex}.demo-schedule-row__actions{gap:2px;display:flex}.demo-category{background:var(--paper-deep);min-height:22px;color:var(--ink-2);border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.demo-category--red{background:var(--accent-soft);color:var(--accent-deep)}.demo-category--gold{background:var(--gold-soft);color:#75551d}.demo-category--green{background:var(--green-soft);color:var(--green)}.demo-category--blue{background:var(--blue-soft);color:var(--blue)}.demo-category--coral{color:#a43a22;background:#fde5dc}.demo-important{background:var(--brand);color:#fff;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.demo-feed{align-content:start;gap:14px;display:grid}.demo-feed-item{border-bottom:1px solid var(--line);padding:12px 0}.demo-feed-item:last-child{border-bottom:0}.demo-feed-item>span{color:var(--accent-deep);font-size:10px;font-weight:800}.demo-feed-item strong{margin-top:4px;font-size:13px;display:block}.demo-feed-item p{color:var(--ink-2);margin-top:5px;font-size:11px;line-height:1.65}.demo-revision{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:9px 0;font-size:11px;display:grid}.demo-revision>span{color:var(--brand);font-weight:800}.demo-revision p{color:var(--ink-2)}.demo-revision small{color:var(--ink-3);white-space:nowrap}.demo-toolbar{align-items:center;gap:10px;margin:18px 0;display:flex}.demo-search{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink-3);border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.demo-search input{background:0 0;border:0;outline:0;width:100%}.demo-toolbar select{border:1px solid var(--line);background:var(--surface);border-radius:9px;min-height:44px;padding:0 12px}.demo-timeline{gap:26px;display:grid}.demo-timeline-group{grid-template-columns:140px minmax(0,1fr);gap:14px;display:grid}.demo-timeline-group>header{padding-top:12px}.demo-timeline-group>header strong{color:var(--accent-deep);font-size:12px;display:block}.demo-timeline-group>header span{color:var(--ink-3);font-size:11px}.demo-profile-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;display:grid}.demo-profile-avatar{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;font-size:22px;font-weight:800;display:grid}.demo-profile-card small{color:var(--ink-3);font-size:10px}.demo-profile-card h2{margin:3px 0;font-size:23px}.demo-profile-card p{color:var(--ink-2);font-size:12px}.demo-metrics--profile{margin-top:14px}.demo-danger-zone{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:var(--accent-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:18px;display:flex}.demo-danger-zone strong{font-size:14px}.demo-danger-zone p{color:var(--ink-2);margin-top:4px;font-size:11px}.demo-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.demo-manage-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.demo-manage-row>div{gap:3px;display:grid}.demo-manage-row strong{font-size:13px}.demo-manage-row small{color:var(--ink-3);font-size:10px}.demo-audit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.demo-empty{min-height:160px;color:var(--ink-3);text-align:center;align-content:center;place-items:center;gap:7px;display:grid}.demo-empty--small{min-height:100px}.demo-empty h3{color:var(--ink);font-size:17px}.demo-empty p{font-size:11px}.demo-modal-layer{z-index:100;background:#14100c7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.demo-modal{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(100%,560px);max-height:min(90vh,760px);padding:20px;overflow-y:auto;box-shadow:0 30px 70px -34px #000000b3}.demo-modal--wide{width:min(100%,680px)}.demo-modal>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.demo-modal h2{font-size:22px}.demo-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.demo-field{gap:6px;margin-top:13px;display:grid}.demo-field--full{grid-column:1/-1}.demo-field>span{color:var(--ink-2);font-size:11px;font-weight:800}.demo-field input,.demo-field select,.demo-field textarea{border:1px solid var(--line);background:var(--paper);width:100%;min-height:42px;color:var(--ink);border-radius:8px;outline:0;padding:9px 11px}.demo-field textarea{resize:vertical}.demo-field small{color:var(--ink-3);font-size:10px}.demo-field small:last-child{color:var(--accent-deep)}.demo-check{min-height:42px;color:var(--ink-2);align-items:center;gap:8px;font-size:12px;display:flex}.demo-check input{width:17px;height:17px;accent-color:var(--brand)}.demo-form__footer,.demo-confirm footer{grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.demo-alert{background:var(--accent-soft);color:var(--accent-deep);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.demo-confirm p{color:var(--ink-2);line-height:1.8}.demo-toast{z-index:120;background:var(--ink);min-height:44px;color:var(--paper);border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%)}.demo-loading{background:var(--paper);min-height:100vh;color:var(--ink-2);place-items:center;display:grid}.demo-join-page{background:var(--paper);grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);min-height:100vh;display:grid}.demo-join-intro{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(32px,7vw,90px);display:flex}.demo-join-mark{background:var(--brand);color:#fff;width:54px;height:54px;font-family:var(--font-en);box-shadow:inset 0 0 0 3px var(--gold);border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid}.demo-join-intro>p{color:var(--ink-3);font-family:var(--font-en);letter-spacing:.18em;margin-top:20px;font-size:10px;font-weight:800}.demo-join-intro h1{letter-spacing:-.07em;margin-top:14px;font-size:clamp(40px,6vw,72px);line-height:1.13}.demo-join-intro>span{max-width:620px;color:var(--ink-2);margin-top:20px;font-size:15px;line-height:1.85}.demo-join-intro ul{color:var(--ink-2);gap:7px;margin-top:24px;padding:0;font-size:12px;list-style:none;display:grid}.demo-join-intro li:before{color:var(--green);content:"✓";margin-right:8px}.demo-join-panel{place-items:center;padding:24px;display:grid}.demo-join-card{border:1px solid var(--line);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow-low);border-radius:15px;padding:24px}.demo-join-card__head{gap:3px;display:grid}.demo-join-card__head strong{font-size:20px}.demo-join-card__head small{color:var(--ink-3);font-size:10px}.demo-join-note{color:var(--ink-3);text-align:center;margin-top:13px;font-size:11px}.demo-join-note code{color:var(--accent-deep)}@media (max-width:900px){.demo-nav,.demo-sync-badge,.demo-user b{display:none}.demo-menu-button{display:grid}.demo-home-grid,.demo-manage-grid{grid-template-columns:1fr}.demo-section--wide{grid-column:auto}.demo-join-page{grid-template-columns:1fr}.demo-join-intro{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:680px){.demo-header__inner{min-height:60px;padding-inline:14px}.demo-brand small{display:none}.demo-page{padding:20px 14px 88px}.demo-page-intro{flex-direction:column;align-items:flex-start}.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-home-grid{gap:14px}.demo-schedule-row{grid-template-columns:34px minmax(0,1fr)}.demo-schedule-row__actions{grid-column:2;justify-content:flex-end}.demo-timeline-group{grid-template-columns:1fr;gap:8px}.demo-timeline-group>header{padding:0}.demo-profile-card{grid-template-columns:auto minmax(0,1fr)}.demo-profile-card .demo-button{grid-column:1/-1}.demo-form{grid-template-columns:1fr}.demo-field--full,.demo-form__footer,.demo-confirm footer{grid-column:auto}.demo-audit-list{grid-template-columns:1fr}.demo-bottom-nav{right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:50;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:17px;grid-template-columns:repeat(3,1fr);min-height:62px;padding:5px;display:grid;position:fixed;left:8px;box-shadow:0 18px 42px -24px #000000a6}.demo-bottom-nav button{color:var(--ink-3);background:0 0;border:0;border-radius:12px;place-items:center;gap:2px;font-size:10px;font-weight:800;display:grid}.demo-bottom-nav button.is-active{background:var(--accent-soft);color:var(--brand)}.demo-join-intro{padding:36px 18px 42px}.demo-join-intro h1{font-size:42px}.demo-join-panel{padding:18px}.demo-modal-layer{align-items:end;padding:0}.demo-modal{border-radius:16px 16px 0 0;max-height:92vh}.demo-toast{justify-content:center;width:calc(100% - 24px);top:70px}}@media (prefers-reduced-motion:reduce){.demo-button{transition:none}}.formal-hint{color:var(--ink-3);margin:0;font-size:11px;line-height:1.7}.formal-badge{background:var(--gold-soft);color:#75551d;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.formal-guest-links{flex-wrap:wrap;gap:6px 18px;margin-top:22px;display:flex}.demo-schedule-row__note{color:var(--ink-2);margin-top:6px;font-size:12px;line-height:1.65}.demo-schedule-row__details a{color:var(--accent-deep);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.demo-section-head>svg{color:var(--ink-3)}.demo-alert--stack{flex-direction:column;align-items:stretch;gap:8px}.demo-alert--stack>div{align-items:center;gap:8px;display:flex}.demo-alert--stack .demo-button{align-self:flex-start}.formal-other-layer{z-index:92;background:#14100c57;position:fixed;inset:0}.formal-other-panel{border:1px solid var(--line);background:var(--surface);width:min(280px,100vw - 32px);box-shadow:var(--shadow-mid);border-radius:14px;gap:2px;padding:10px;display:grid;position:fixed;top:74px;right:20px}.formal-other-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:2px 4px 8px;display:flex}.formal-other-panel>header strong{font-size:13px}.formal-other-panel>button{min-height:52px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.formal-other-panel>button:hover,.formal-other-panel>button.is-active{background:var(--accent-soft);color:var(--brand)}.formal-other-panel>button span{gap:2px;display:grid}.formal-other-panel>button strong{font-size:13px}.formal-other-panel>button small{color:var(--ink-3);font-size:10px}.formal-other-panel>button svg{flex:none}.formal-other-panel__exit{margin-top:4px;border-top:1px solid var(--line)!important;border-radius:0 0 10px 10px!important}.formal-bottom-nav{display:none}.formal-resource-group{margin-bottom:16px}.formal-resource-grid{grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:12px;margin-top:12px;display:grid}.formal-resource-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-content:start;gap:8px;padding:14px;display:grid}.formal-resource-card>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.formal-resource-card>header strong{font-size:14px}.formal-resource-card>p{color:var(--ink-2);font-size:12px;line-height:1.7}.formal-resource-card>footer{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.formal-resource-card>footer a{color:var(--accent-deep);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.formal-resource-card>footer small{color:var(--ink-3);font-size:10px}.formal-resource-card__actions{gap:2px;margin-left:auto;display:inline-flex}.formal-feedback-list{gap:12px;display:grid}.formal-feedback-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:8px;padding:14px;display:grid}.formal-feedback-item>header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.formal-feedback-item>header strong{font-size:13px}.formal-feedback-item>header small{color:var(--ink-3);margin-left:auto;font-size:10px}.formal-feedback-item>p{color:var(--ink-2);font-size:13px;line-height:1.75}.formal-feedback-item blockquote{background:var(--green-soft);color:var(--green);border-radius:8px;align-items:flex-start;gap:6px;margin:0;padding:9px 11px;font-size:12px;line-height:1.65;display:flex}.formal-status{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.formal-status--pending{background:var(--gold-soft);color:#75551d}.formal-status--resolved{background:var(--green-soft);color:var(--green)}.formal-status--ignored{background:var(--surface-2);color:var(--ink-3)}.formal-reply{flex-wrap:wrap;gap:8px;display:flex}.formal-reply select,.formal-reply input{border:1px solid var(--line);background:var(--paper);min-height:38px;color:var(--ink);border-radius:8px;padding:0 10px}.formal-reply input{flex:200px}.formal-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.formal-tutorial-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-content:start;gap:8px;padding:18px;display:grid}.formal-tutorial-index{font-family:var(--font-en);color:var(--gold);font-size:26px;font-weight:800;line-height:1}.formal-tutorial-card h2{font-size:17px}.formal-tutorial-card p{color:var(--ink-2);font-size:12px;line-height:1.75}.formal-tutorial-card img{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:100%;height:auto;margin-top:4px}.formal-tutorial-notes{margin-top:18px}.formal-tutorial-notes dl{gap:4px;margin-top:10px;display:grid}.formal-tutorial-notes dt{color:var(--ink);font-size:13px;font-weight:800}.formal-tutorial-notes dd{color:var(--ink-2);margin:0 0 10px;font-size:12px;line-height:1.75}.formal-table{border:1px solid var(--line);background:var(--surface);border-radius:12px;display:grid;overflow-x:auto}.formal-table__head,.formal-table__row{grid-template-columns:minmax(120px,1.4fr) repeat(4,minmax(84px,1fr));align-items:center;gap:8px;min-width:560px;padding:10px 12px;display:grid}.formal-table__head{background:var(--surface-2);color:var(--ink-3);font-size:11px;font-weight:800}.formal-table__row{border-top:1px solid var(--line);font-size:12px}.formal-table__row em{color:var(--accent-deep);margin-left:6px;font-size:10px;font-style:normal;font-weight:800}.formal-table__row select{border:1px solid var(--line);background:var(--paper);min-height:36px;color:var(--ink);border-radius:8px;padding:0 8px}.formal-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.formal-preview{gap:12px;margin-top:16px;display:grid}.formal-error-list{color:var(--accent-deep);gap:4px;margin:0;padding-left:20px;font-size:12px;display:grid}.formal-gate{text-align:center;justify-items:center;gap:9px;padding:40px 20px;display:grid}.formal-gate svg{color:var(--brand)}.formal-gate h2{font-size:20px}.formal-gate p{max-width:46ch;color:var(--ink-2);font-size:13px;line-height:1.8}.formal-pin-intro{color:var(--ink-2);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;line-height:1.7;display:flex}.formal-pin-intro svg{color:var(--brand);flex:none}.demo-chips{flex-wrap:wrap;gap:6px;display:flex}.demo-chips button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.demo-chips button:hover{border-color:var(--line-strong);color:var(--ink)}.demo-chips button.is-active{border-color:var(--brand);background:var(--accent-soft);color:var(--brand)}@media (max-width:900px){.formal-bottom-nav{z-index:45;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.formal-bottom-nav button{min-height:52px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;align-content:center;justify-items:center;gap:2px;padding:0 2px;font-size:10px;font-weight:700;display:grid}.formal-bottom-nav button.is-active{background:var(--accent-soft);color:var(--brand)}.demo-page{padding-bottom:104px}.formal-tutorial-grid{grid-template-columns:1fr}}@media (max-width:680px){.demo-toolbar{flex-wrap:wrap}.demo-search{flex:100%}.formal-other-layer{align-items:flex-end;display:flex}.formal-other-panel{width:100%;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:static;box-shadow:0 -18px 40px -30px #000000b3}.formal-guest-links{flex-direction:column;gap:2px}.formal-resource-grid{grid-template-columns:1fr}}.formal-week-bar{flex-wrap:wrap}.formal-week-bar__label{color:var(--ink-2);margin-left:auto;font-size:12px;font-weight:700}.formal-change-strip{gap:6px;margin:0 0 18px;display:grid}.formal-change-strip button{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--accent-deep);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.formal-change-strip button span{color:var(--ink-2)}.formal-change-strip button strong{flex:none}.formal-week{gap:14px;display:grid}.formal-week__day{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px 16px}.formal-week__day>header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px;padding-bottom:10px;display:flex}.formal-week__day>header strong{font-size:15px}.formal-week__day>header span{color:var(--ink-2);font-size:12px}.formal-week__day>header small{color:var(--ink-3);font-size:11px}.formal-week__day>header .demo-text-link{margin-left:auto}.formal-course-list{gap:8px;margin-top:10px;display:grid}.formal-course{border:1px solid var(--line);background:var(--paper);border-radius:10px;grid-template-columns:96px minmax(0,1fr) auto;align-items:start;gap:12px;padding:10px 12px;display:grid}.formal-course.is-changed{border-color:var(--gold);background:var(--gold-soft)}.formal-course__time{color:var(--ink);font-family:var(--font-en);white-space:nowrap;font-size:12px;font-weight:800}.formal-course__main{gap:4px;display:grid}.formal-course__title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.formal-course__title strong{font-size:14px}.formal-course__title small{color:var(--ink-3);font-size:10px}.formal-course__main p{color:var(--ink-2);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.formal-course__note{color:#75551d}.formal-course__actions{gap:2px;display:flex}.formal-course-summary{align-items:baseline;gap:6px;margin:4px 0 10px;display:flex}.formal-course-summary strong{font-family:var(--font-en);color:var(--brand);font-size:26px;line-height:1}.formal-course-summary span{color:var(--ink-3);font-size:11px;font-weight:700}.formal-course-summary small{color:var(--ink-2);margin-left:auto;font-size:11px}.formal-preview-summary{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.formal-self-check{border:1px solid var(--line);background:var(--green-soft);border-radius:10px;gap:10px;margin:12px 0;padding:12px 14px;display:flex}.formal-self-check svg{color:var(--green);flex:none;margin-top:2px}.formal-self-check strong{font-size:13px}.formal-self-check p{color:var(--ink-2);margin-top:5px;font-size:12px;line-height:1.7}.formal-self-check small{color:var(--ink-3);margin-top:5px;font-size:11px;display:block}.formal-table--timetable .formal-table__head,.formal-table--timetable .formal-table__row{grid-template-columns:34px 52px 78px minmax(150px,1.7fr) minmax(90px,1fr) minmax(110px,1fr) 104px;min-width:760px}.formal-table--timetable .formal-table__row.is-muted{opacity:.45}.formal-table--timetable input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.formal-table--timetable input[type=text],.formal-table--timetable input:not([type]){border:1px solid var(--line);background:var(--paper);width:100%;min-height:30px;color:var(--ink);border-radius:6px;padding:0 8px;font-size:12px}.formal-table--timetable input.is-inferred{border-color:var(--gold);background:var(--gold-soft)}@media (max-width:680px){.formal-course{grid-template-columns:82px minmax(0,1fr)}.formal-course__actions{grid-column:2;justify-content:flex-end}.formal-week__day{padding:12px}.formal-week-bar__label,.formal-course-summary small{width:100%;margin-left:0}}.formal-anchor-modes{flex-wrap:wrap;gap:6px;display:flex}.formal-anchor-modes button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink-2);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.formal-anchor-modes button:hover{border-color:var(--line-strong);color:var(--ink)}.formal-anchor-modes button.is-active{border-color:var(--brand);background:var(--accent-soft);color:var(--brand)}.demo-join-panel{gap:12px}.site-footer{color:var(--ink-3);text-align:center;padding:22px 24px 26px;font-size:11px;line-height:1.9}.site-footer--compact{padding:10px 4px 0}.site-footer p{margin:0}.site-footer__records{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.site-footer a{color:var(--ink-2);text-decoration:none}.site-footer a:hover{color:var(--brand);text-decoration:underline}@media (max-width:900px){.site-footer:not(.site-footer--compact){padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.formal-table__input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:34px;color:var(--ink);border-radius:8px;padding:0 8px;font-size:12px}.formal-table__input::placeholder{color:var(--ink-3)}.formal-table__input:disabled{color:var(--ink-2);background:0 0;border-color:#0000}