:root{font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;color:#21312f;background:#f6f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 100% 0%,#dbe8df 0,transparent 34rem),#f6f3ed}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}.app-shell{width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) 18px calc(98px + env(safe-area-inset-bottom))}.loading-state{min-height:100dvh;display:grid;place-content:center;gap:10px;color:#638076;text-align:center;font-size:13px}.loading-state span{color:#2e7a71;font-size:28px}.topbar{height:85px;display:flex;justify-content:space-between;align-items:center}h1,h2,h3,p{margin:0}h1{font:700 27px/1.1 Georgia,Songti SC,serif;letter-spacing:.03em}h2{font:700 22px/1.3 Georgia,Songti SC,serif}h3{font-size:18px}.eyebrow{color:#75857e;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:6px}.avatar{width:40px;height:40px;border:0;border-radius:50%;background:#155e59;color:#fff;font-weight:800}.page{animation:enter .22s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.schedule-head,.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:11px 0 18px}.history-heading-actions{display:grid;justify-items:end;gap:5px}.history-heading-actions>span{color:#5d7169;background:#e5ece5;padding:5px 9px;border-radius:20px;font-size:12px}.page-heading>span{color:#5d7169;background:#e5ece5;padding:5px 9px;border-radius:20px;font-size:12px}.schedule-controls{display:grid;gap:6px;justify-items:end}.date-input,.room-select{border:1px solid #d5ddd4;background:#fbfaf7;border-radius:9px;color:#305a55;padding:8px;font-size:12px;max-width:135px}.room-select{font-weight:700}.setup-callout{display:grid;grid-template-columns:1fr auto;width:100%;gap:2px 10px;text-align:left;padding:12px 14px;margin:-4px 0 14px;color:#315f58;border:1px solid #bcd3c7;background:#e6f0e8;border-radius:12px}.setup-callout span{font-size:13px;font-weight:800}.setup-callout b{color:#155e59;font-size:13px}.setup-callout small{grid-column:1 / -1;color:#6d857a;font-size:11px}.toolbar,.export-actions{display:flex;gap:9px;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:10px;min-height:39px;padding:8px 13px;font-size:13px;font-weight:700}.primary{background:#155e59;color:#fff}.outline{background:#fbfaf7;border-color:#b7c7be;color:#215d57}.subtle{background:#e4eee7;color:#155e59}.text-link{padding-left:2px;padding-right:2px;color:#356b63;background:transparent;text-decoration:underline;text-underline-offset:3px}.onboarding-card{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:17px;margin:-3px 0 14px;border:1px solid #b7d2c4;border-radius:16px;background:linear-gradient(135deg,#e9f2eb,#f9f5eb)}.onboarding-card .eyebrow,.onboarding-card h3,.onboarding-card>p{grid-column:1 / -1}.onboarding-card>p:not(.eyebrow){color:#627970;font-size:12px}.onboarding-card label{display:grid;gap:5px;color:#50685e;font-size:12px}.onboarding-card input,.onboarding-card select{width:100%;border:1px solid #cddbd1;border-radius:8px;padding:9px;background:#fffefa;color:#274d46}.onboarding-card .primary{grid-column:1 / -1;margin-top:2px}.panel,.export-card,.history-card{background:#fffffcd4;border:1px solid #e0e4dc;border-radius:16px;box-shadow:0 8px 24px #21372d0d}.picker,.quick-form,.artwork-form,.settings-form,.session-form{margin-top:14px;padding:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.text-button{border:0;background:none;color:#667a71;padding:4px;font-size:13px}.emphasized{color:#155e59;font-weight:800}.session-form{display:grid;gap:12px}.session-form>label{display:grid;gap:5px;color:#54655e;font-size:12px}.session-form input{width:100%;border:1px solid #dce3da;background:#fbfcf9;border-radius:8px;padding:9px 10px;color:#263d36}.session-preview{color:#5d7469;font-size:13px}.session-preview b{color:#155e59}.search{width:100%;background:#f5f6f1;border:1px solid #dce3da;border-radius:9px;padding:10px 12px;outline-color:#75a39a}.pick-list{display:grid;gap:7px;margin-top:12px}.pick-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border:1px solid #e2e8df;background:#fff;border-radius:11px}.pick-item span{display:grid;gap:3px;min-width:0}.pick-item b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-item small{font-size:11px;color:#8a9a91}.pick-item i{margin-left:auto;color:#17625c;font-style:normal;font-size:20px}.art-thumb{flex:0 0 auto;width:42px;height:42px;border-radius:9px;object-fit:cover;background:#d8e1d5}.placeholder{display:grid;place-items:center;color:#6b857a;font:700 17px Georgia,serif;background:linear-gradient(135deg,#dfe8d9,#b9d2c4)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields label,.settings-form label{display:grid;gap:5px;color:#54655e;font-size:12px}.fields label.wide{grid-column:span 2}.fields input,.settings-form input{width:100%;min-width:0;border:1px solid #dce3da;background:#fbfcf9;border-radius:8px;padding:9px 10px;color:#263d36;outline-color:#75a39a}.quick-form .primary,.artwork-form .primary,.settings-form .primary{margin-top:13px}.lineup{margin-top:17px;display:grid;gap:8px}.lineup-item{display:flex;align-items:center;gap:9px;padding:10px 5px 10px 9px;border-bottom:1px solid #dce3da}.lineup-content{flex:1;min-width:0}.lineup-content>p{font-size:15px;line-height:1.55;word-break:break-word}.drag-controls{display:grid;grid-template-columns:23px}.drag-controls button{border:0;background:none;color:#789188;padding:0;height:19px}.item-actions{display:grid;gap:3px}.item-actions button,.art-card button{border:0;background:none;color:#5a6d64;font-size:11px;padding:2px}.delete{color:#b25d54!important}.repeat{display:inline-block;margin-top:4px;color:#9a6b37;background:#fcf2df;border-radius:4px;padding:2px 5px;font-size:10px}.item-editor{display:grid;gap:8px}.compact-fields{gap:7px}.compact-fields input{padding:7px 8px}.empty-state{width:100%;padding:52px 12px;text-align:center;border:1px dashed #cad6cc;border-radius:16px;color:#6c7f75;background:transparent}.empty-state>div{color:#2d7a70;font-size:26px;margin-bottom:9px}.empty-state p{font-size:13px;margin-top:7px}.session-start{border-color:#77a99d;background:#edf5ef}.session-start:active{transform:scale(.99)}.export-card{margin-top:22px;padding:15px;background:#185f5a;color:#f7faf5;border:0}.export-card .eyebrow{color:#bad3ca}.export-card pre{white-space:pre-wrap;margin:0 0 15px;font:13px/1.8 PingFang SC,sans-serif;color:#fff}.export-card .outline{border-color:#8db5aa;color:#e0f1e8;background:transparent}.export-card .primary{background:#f1bc66;color:#204c47}.image-upload{display:flex;gap:10px;align-items:center;margin-bottom:13px}.image-upload .art-thumb{width:58px;height:58px}.image-actions{display:flex;flex:1;flex-wrap:wrap;gap:6px;align-items:center}.image-actions small{flex-basis:100%;color:#809087;font-size:10px}.upload-label{border:1px dashed #a8b9ae;border-radius:8px;padding:8px 10px;color:#356b63;font-size:12px;cursor:pointer}.upload-label input{display:none}.library-search{margin:16px 0 10px}.library-grid{display:grid;gap:9px}.art-card{display:flex;gap:10px;padding:10px;background:#fffefa;border:1px solid #e2e7df;border-radius:12px}.art-card .art-thumb{width:58px;height:58px}.art-card>div{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:space-between}.art-card p{font-size:13px;line-height:1.45}.art-card>div>div{display:flex;gap:8px;margin-top:5px}.empty{color:#819087;font-size:13px;padding:16px 0}.room-hint{margin:-2px 0 12px;padding:8px 10px;border-radius:8px;color:#5d7469;background:#f0f5ef;font-size:12px;line-height:1.5}.room-hint b{color:#155e59}.history-list{display:grid;gap:9px}.history-card{padding:14px;display:flex;gap:10px;justify-content:space-between;align-items:center}.history-card>div{min-width:0}.history-title{font-weight:800;font-size:15px}.history-meta{color:#70827a;font-size:11px;margin-top:3px}.history-preview{color:#52675d;font-size:12px;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:440px}.settings-form{display:grid;gap:14px}.settings-form small{color:#99a69f;font-weight:400}.format-note{margin-top:18px;border-left:3px solid #8eb9a9;padding:4px 0 4px 11px;color:#4d6259}.format-note>p:not(.eyebrow){font-size:14px}.format-note small{color:#84938b;display:block;line-height:1.5;margin-top:6px}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 18px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #dce3dc;background:#faf9f5f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{display:grid;justify-items:center;gap:3px;border:0;color:#78877e;background:none;font-size:10px;padding:3px}.bottom-nav b{font-size:17px;font-weight:400}.bottom-nav .active{color:#155e59;font-weight:800}.toast{position:fixed;z-index:12;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 15px;color:#f8fff9;background:#155e59;border-radius:20px;font-size:12px;box-shadow:0 7px 22px #0000002e}@media (min-width: 560px){.app-shell{padding-left:30px;padding-right:30px}.library-grid{grid-template-columns:1fr 1fr}.art-card{min-height:80px}}