:root{color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#fbfaf7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overscroll-behavior-y:none;overflow:hidden auto}::selection{color:#fff;background:#34c7a2}::-webkit-scrollbar{width:0;height:0}:root{--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-serif:"New York", "Songti SC", "STSong", "Noto Serif SC", serif;--ink:#1d1d1f;--ink-2:#3a3a3c;--ink-3:#6e6e73;--ink-4:#8e8e93;--line:#3c3c431f;--line-strong:#3c3c432e;--paper:#fbfaf7;--paper-warm:#fff7c6;--tint:#34c7a2;--tint-deep:#0f8f78;--gold:#d7a64b;--danger:#ff453a;--glass-thin:#ffffff94;--glass:#ffffffb8;--glass-thick:#ffffffdb;--shadow-soft:0 10px 30px #00000014;--shadow-float:0 22px 60px #00000024;--shadow-card:0 1px 2px #0000000a, 0 18px 44px #0000001a;--blur-thin:blur(18px) saturate(180%);--blur-thick:blur(28px) saturate(190%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}button,input,textarea{font:inherit}button{border:0}.home-shell,.login-shell,.app-shell{background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--font-ui)}.home-shell{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);display:grid;position:relative;overflow:hidden}.home-hero{z-index:2;align-content:space-between;min-height:100svh;padding:28px clamp(24px,5vw,72px) 46px;display:grid;position:relative}.home-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-nav button,.secondary-button,.back-home{color:#5f5a53;cursor:pointer;letter-spacing:.1em;background:#ffffff9e;border:1px solid #00000012;border-radius:999px;padding:11px 15px;font-family:Inter,sans-serif;font-size:11px;font-weight:800}.home-copy-block{max-width:590px;padding:78px 0 56px}.home-kicker{color:#4a9e8e;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:800}.home-copy-block h1{color:#262421;margin:0;font-size:clamp(42px,6vw,74px);font-weight:500;line-height:1.05}.home-copy-block>p:not(.home-kicker){color:#6b655d;max-width:520px;margin:24px 0 0;font-size:16px;line-height:1.9}.home-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.secondary-button{background:#ffffffb8}.developer-card{background:#ffffffad;border:1px solid #00000012;border-radius:10px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;max-width:390px;padding:12px;display:grid;box-shadow:0 18px 36px #00000012}.developer-card img{object-fit:cover;border-radius:8px;width:86px;height:86px;display:block}.developer-card span{color:#4a9e8e;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:10px;font-weight:800}.developer-card strong{color:#2d2d2d;margin-top:4px;font-family:Inter,sans-serif;font-size:18px;display:block}.developer-card p{color:#746e66;margin:7px 0 0;font-size:12px;line-height:1.7}.home-board-preview{background:repeating-linear-gradient(115deg,#ffffff38 0 1px,#0000 1px 18px),linear-gradient(90deg,#00000009 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#00000009 1px,#0000 1px) 0 0/42px 42px,linear-gradient(135deg,#f5ecd5b8,#d6e0e5b8);border-left:1px solid #0000000f;min-height:100svh;position:relative;overflow:hidden}.preview-card{background:#fffdf2;border-radius:8px;gap:8px;width:250px;padding:18px;display:grid;position:absolute;box-shadow:0 24px 48px #0000001f}.preview-card span{color:#8e8981;letter-spacing:.14em;font-family:Inter,sans-serif;font-size:10px;font-weight:800}.preview-card strong{color:#2d2d2d;font-size:18px;line-height:1.35}.preview-card p{color:#6e675f;margin:0;font-size:13px}.preview-note{background:#fff5bd;top:16%;left:14%;transform:rotate(-4deg)}.preview-music{color:#fff;background:#242424;top:35%;right:10%;transform:rotate(3deg)}.preview-music strong,.preview-music p{color:#fff}.preview-map{background:#eef5f3;bottom:16%;right:26%;transform:rotate(-2deg)}.preview-photo{background:#fff;padding-bottom:32px;bottom:22%;left:12%;transform:rotate(5deg)}.login-shell{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);display:grid;overflow:hidden}.login-art{background:linear-gradient(90deg,#f5ecd5c7,#fff0),linear-gradient(270deg,#d6e0e5c7,#fff0);border-right:1px solid #0000000f;min-height:100svh;position:relative;overflow:hidden}.ambient-grid,.board-bg{pointer-events:none;background-image:linear-gradient(90deg,#00000009 1px,#0000 1px),linear-gradient(#00000009 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-paper,.login-photo{background:#fffdf2;border-left:3px solid #d9b683;position:absolute;box-shadow:0 14px 30px #18181814}.login-paper-one{width:280px;min-height:190px;padding:34px 30px;top:18%;left:14%;transform:rotate(-4deg)}.login-paper-two{border-left-color:#7fa1a6;width:310px;min-height:175px;padding:28px;bottom:19%;right:15%;transform:rotate(3deg)}.login-paper span{color:#8c8c8c;letter-spacing:.22em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:10px;font-weight:700;display:block}.login-paper p{color:#4d4a45;margin:24px 0 0;font-size:20px;line-height:1.75}.login-photo{width:220px;padding:12px 12px 34px;top:26%;left:48%;transform:rotate(7deg)}.login-photo div{aspect-ratio:1;background:radial-gradient(circle at 45% 45%,#ffecd1e6,#0000 32%),linear-gradient(135deg,#d4a883,#e8d5c4 48%,#8aa9a1)}.login-photo span{color:#878787;text-align:center;margin-top:12px;font-size:13px;font-style:italic;display:block}.login-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f8f4db;flex-direction:column;justify-content:center;padding:52px clamp(28px,5vw,72px);display:flex}.brand-row,.eyebrow,.period-tabs,.top-actions,.item-meta,.comment-heading,.statusbar,.canvas-hud,.room-card,.panel-title,.editor-panel label span,.clip-editor label span,.comment-composer>span,.rail-group{letter-spacing:.15em;text-transform:uppercase;font-family:Inter,sans-serif}.brand-row{color:#4a9e8e;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.login-panel h1{color:#2d2d2d;max-width:500px;margin:28px 0 18px;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.12}.login-copy{color:#69665f;max-width:460px;margin:0 0 36px;font-size:15px;line-height:1.9}.invite-hint{background:#4a9e8e14;border:1px solid #4a9e8e33;border-radius:10px;gap:5px;max-width:420px;margin:-14px 0 22px;padding:12px 14px;display:grid}.invite-hint span{color:#4a9e8e;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:9px;font-weight:800}.invite-hint strong{color:#2d2d2d;letter-spacing:.04em;font-family:Inter,sans-serif;font-size:14px}.invite-hint p{color:#6c665f;margin:0;font-size:12px;line-height:1.65}.room-form{gap:16px;max-width:420px;display:grid}.entry-mode{background:#ffffff85;border:1px solid #0000000f;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.entry-mode button{color:#837d75;cursor:pointer;letter-spacing:.08em;background:0 0;border-radius:999px;min-height:34px;font-family:Inter,sans-serif;font-size:11px;font-weight:800}.entry-mode .active{color:#fff;background:#2d2d2d;box-shadow:0 8px 18px #00000014}.room-code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.room-code-row button{color:#348979;cursor:pointer;letter-spacing:.08em;background:#4a9e8e1a;border-radius:8px;min-width:64px;font-family:Inter,sans-serif;font-size:11px;font-weight:800}.saved-rooms{gap:10px;width:min(420px,100%);margin-top:22px;display:grid}.saved-head{color:#8e8981;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;display:flex}.saved-head small{color:#aaa49c;font-size:9px}.saved-room-list{gap:8px;display:grid}.saved-room-list button{color:#2d2d2d;cursor:pointer;text-align:left;background:#ffffff9e;border:1px solid #0000000f;border-radius:8px;gap:4px;padding:12px 14px;transition:background .2s,border-color .2s,transform .2s;display:grid}.saved-room-list button:hover{background:#fff;border-color:#4a9e8e47;transform:translateY(-1px)}.saved-room-list strong{letter-spacing:.04em;font-family:Inter,sans-serif;font-size:13px}.saved-room-list span{color:#7d776f;font-size:12px}.room-form label,.editor-panel label,.clip-editor label{gap:8px;display:grid}.room-form span,.editor-panel label span,.clip-editor label span{color:#89847b;letter-spacing:.16em;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.room-form input,.editor-panel input,.editor-panel textarea,.clip-editor input,.clip-editor textarea,.comment-composer textarea{color:#2d2d2d;background:#ffffffbf;border:1px solid #00000014;border-radius:8px;outline:0;width:100%;padding:13px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.room-form input:focus,.editor-panel input:focus,.editor-panel textarea:focus,.clip-editor input:focus,.clip-editor textarea:focus,.comment-composer textarea:focus{background:#fff;border-color:#4a9e8e7a;box-shadow:0 0 0 4px #4a9e8e17}.form-error{color:#a45d4f;margin:0;font-size:13px}.primary-button,.send-button{color:#fff;cursor:pointer;letter-spacing:.12em;background:#2d2d2d;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-button:hover,.send-button:hover{background:#4a9e8e;transform:translateY(-1px)}.app-shell{grid-template-columns:64px minmax(0,1fr);height:100svh;display:grid;overflow:hidden}.side-rail{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff61;border-right:1px solid #0000000f;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.rail-brand{color:#fff;letter-spacing:0;background:#2d2d2d;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Inter,sans-serif;font-size:13px;font-weight:800;display:grid;box-shadow:0 10px 20px #0000001f}.rail-tools{gap:8px;display:grid}.rail-tools button,.rail-status{color:#77716a;cursor:pointer;background:#ffffff8f;border:1px solid #0000000f;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.rail-tools button:hover,.rail-tools button.active{color:#4a9e8e;background:#fff;transform:translateY(-1px);box-shadow:0 10px 20px #4a9e8e1f}.rail-status{color:#4a9e8e;cursor:default;border-color:#4a9e8e2e}.board-shell{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.warm-wash,.cool-wash{z-index:0;pointer-events:none;width:58%;position:absolute;top:0;bottom:0}.warm-wash{background:linear-gradient(90deg,#f5ecd5b8,#0000);left:0}.cool-wash{background:linear-gradient(270deg,#d6e0e5b8,#0000);right:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff94;border-bottom:1px solid #0000000f;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:74px;padding:0 22px;display:grid}.workspace-title{align-items:center;gap:12px;min-width:0;display:flex}.workspace-mark{color:#4a9e8e;background:#4a9e8e14;border:1px solid #4a9e8e2e;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.eyebrow{color:#8e8b86;margin:0 0 4px;font-size:10px;font-weight:700}.topbar h1{color:#2d2d2d;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:700;overflow:hidden}.period-tabs,.top-actions{align-items:center;display:flex}.period-tabs{background:#ffffff8a;border:1px solid #0000000f;border-radius:999px;justify-content:center;gap:4px;padding:4px}.period-tabs button{color:#857f78;cursor:pointer;letter-spacing:.12em;background:0 0;border-radius:999px;min-height:30px;padding:0 12px;font-size:10px;font-weight:700}.period-tabs .active{color:#2d2d2d;background:#fff;box-shadow:0 6px 16px #0000000f}.top-actions{justify-content:flex-end;gap:8px}.top-actions button{color:#68645f;cursor:pointer;letter-spacing:.12em;background:#ffffff8a;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.top-actions button:hover{color:#4a9e8e;background:#fff}.top-actions .ghost-action{color:#807a72}.top-actions button.active,.top-actions .ghost-action.active{color:#fff;background:#2d2d2d}.member-stack{align-items:center;padding-right:4px;display:flex}.member-stack span{color:#fff;letter-spacing:0;background:#2d2d2d;border:2px solid #ffffffe6;border-radius:999px;place-items:center;width:30px;height:30px;font-family:Inter,sans-serif;font-size:11px;font-weight:800;display:grid;box-shadow:0 8px 16px #0000001a}.member-stack span+span{background:#4a9e8e;margin-left:-8px}.share-popover{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #00000014;border-radius:14px;gap:14px;width:340px;padding:16px;display:grid;position:absolute;top:86px;right:22px;box-shadow:0 24px 60px #00000024,0 4px 12px #0000000f}.share-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.share-head div,.share-fields div{gap:5px;display:grid}.share-head span,.share-fields span{color:#8e8981;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:10px;font-weight:800}.share-head strong{color:#2d2d2d;letter-spacing:.02em;font-family:Inter,sans-serif;font-size:16px}.share-head button{color:#77716a;cursor:pointer;background:#0000000a;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.share-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-fields div,.share-link{background:#f9f8f4bf;border:1px solid #0000000f;border-radius:10px;padding:11px 12px}.share-fields strong{color:#2d2d2d;letter-spacing:.04em;font-family:Inter,sans-serif;font-size:14px}.share-link{color:#716b63;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,sans-serif;font-size:12px;font-weight:600;overflow:hidden}.share-popover p{color:#7d776f;margin:0;font-size:12px;line-height:1.7}.life-stats{z-index:18;justify-items:end;gap:8px;max-width:min(560px,100% - 360px);display:grid;position:absolute;top:88px;right:22px}.stats-summary,.stats-grid div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff9e;border:1px solid #0000000f;border-radius:8px;display:grid;box-shadow:0 10px 22px #0000000d}.stats-summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:42px;padding:0 12px}.stats-grid{gap:8px;display:flex}.life-stats span,.life-stats small,.stats-summary strong{color:#8e8981;letter-spacing:.1em;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:800}.life-stats span,.life-stats small{font-size:9px}.stats-summary strong{color:#2d2d2d;letter-spacing:.06em;font-size:11px}.stats-grid strong{color:#2d2d2d;margin:4px 0 1px;font-family:Inter,sans-serif;font-size:22px;line-height:1}.copy-button{color:#fff;cursor:pointer;letter-spacing:.12em;background:#2d2d2d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-family:Inter,sans-serif;font-size:11px;font-weight:800;display:inline-flex}.sync-toast{z-index:80;color:#fff;letter-spacing:.08em;background:#2d2d2deb;border:1px solid #0000000f;border-radius:999px;padding:10px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;position:absolute;bottom:58px;right:22px;box-shadow:0 18px 34px #00000029}.quick-trigger{z-index:50;color:#fff;cursor:pointer;letter-spacing:.12em;background:#2d2d2d;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-family:Inter,sans-serif;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:112px;right:22px;box-shadow:0 18px 34px #00000026}.quick-sheet{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #00000014;border-radius:16px;gap:14px;width:360px;padding:16px;display:grid;position:absolute;bottom:112px;right:22px;box-shadow:0 24px 60px #00000029,0 4px 12px #0000000f}.quick-sheet textarea{color:#2d2d2d;resize:vertical;background:#f9f8f4bf;border:1px solid #00000014;border-radius:12px;outline:0;width:100%;min-height:108px;padding:13px 14px}.quick-type-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.quick-type-grid button{color:#6f6961;cursor:pointer;letter-spacing:.08em;background:#0000000b;border-radius:999px;min-height:34px;font-family:Inter,sans-serif;font-size:10px;font-weight:800}.quick-type-grid .active{color:#fff;background:#2d2d2d}.quick-actions{justify-content:space-between;gap:10px;display:flex}.quick-actions button{color:#68645f;cursor:pointer;letter-spacing:.12em;background:#0000000d;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:40px;font-family:Inter,sans-serif;font-size:11px;font-weight:800;display:inline-flex}.quick-actions button:disabled{cursor:progress;opacity:.62}.board-canvas{z-index:2;cursor:grab;contain:layout size style;touch-action:none;flex:1;position:relative;overflow:hidden}.board-canvas.panning{cursor:grabbing}.canvas-hud{z-index:25;color:#827c75;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffa3;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:14px;padding:8px 12px;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 12px 24px #0000000d}.canvas-grid{z-index:0;pointer-events:none;will-change:background-position, background-size;background-image:repeating-linear-gradient(115deg,#ffffff2e 0 1px,#0000 1px 18px),linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.canvas-hud div{align-items:center;gap:8px;display:flex}.canvas-hud strong{color:#2d2d2d;font-size:10px}.canvas-hud span,.canvas-hud small{letter-spacing:.08em;font-size:9px;font-weight:700}.canvas-hud small{color:#aaa49c;text-transform:none}.board-plane{backface-visibility:hidden;contain:layout style;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0;translate:0}.connection-layer{z-index:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.board-connection{pointer-events:auto}.board-connection-path{fill:none;stroke-linecap:round;stroke-width:3px;stroke-dasharray:8 10;filter:url(#connection-shadow);opacity:.7;pointer-events:stroke;transition:opacity .18s,stroke-width .18s}.board-connection-hit{fill:none;stroke:#0000;stroke-linecap:round;stroke-width:22px;pointer-events:stroke}.board-connection:hover .board-connection-path,.board-connection.selected .board-connection-path{stroke-width:4px;opacity:.96}.connection-node{opacity:.82;stroke:#ffffffeb;stroke-width:2px}.connection-delete{cursor:pointer;pointer-events:auto}.connection-delete circle{fill:#2d2d2deb;stroke:#ffffffe6;stroke-width:2px}.connection-delete path{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2.2px}.board-canvas.panning .board-plane{pointer-events:none}.zoom-dock{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2;border:1px solid #00000012;border-radius:999px;align-items:center;gap:5px;padding:5px;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 24px #0000000f}.zoom-dock button{color:#68645f;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,color .2s;display:inline-flex}.zoom-dock button:hover{color:#4a9e8e;background:#4a9e8e1a}.zoom-dock span{color:#726d66;letter-spacing:.08em;text-align:center;min-width:46px;font-family:Inter,sans-serif;font-size:10px;font-weight:700}.empty-board{z-index:5;color:#817b73;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #4a9e8e2e;border-radius:14px;justify-items:center;gap:14px;width:min(360px,100% - 44px);padding:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #00000014}.empty-board p{margin:0;font-size:14px}.empty-board strong{color:#2d2d2d;font-size:18px;font-weight:600}.empty-board button{color:#fff;cursor:pointer;letter-spacing:.12em;background:#2d2d2d;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.board-item{-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;will-change:transform;z-index:1;background:#fffdf2;border:1px solid #0000000e;flex-direction:column;padding:20px;transition:box-shadow .2s,outline-color .2s;display:flex;position:absolute;overflow:visible;box-shadow:0 1px 2px #0000000a,0 16px 30px #00000014}.board-item.object-note{background:linear-gradient(#ffffff2e,#0000 36%),#fff5bd;border:0;box-shadow:0 1px 1px #0000000a,0 18px 32px #6852261f}.board-item:after{content:"";filter:blur(9px);z-index:-1;background:#0000000d;height:10px;position:absolute;bottom:10px;left:18px;right:14px;transform:translateY(16px)}.board-item.photo{background:#fff;border:0;padding:13px 13px 32px;box-shadow:0 2px 4px #0000000d,0 22px 42px #0000001f}.board-item.object-link,.board-item.object-music,.board-item.object-location,.board-item.object-ticket,.board-item.object-voice,.board-item.object-todo{border-radius:7px}.board-item.object-link{background:#fbf9f1}.board-item.object-music{color:#fff;background:radial-gradient(circle at 88% 0,#d8b06f2e,#0000 36%),#242424;border:0;padding:12px;box-shadow:0 2px 6px #0000001f,0 24px 46px #0003}.board-item.object-location{background:linear-gradient(135deg,#7fa1a62e,#0000 52%),#fbfbf6;border:0;padding-top:14px;box-shadow:0 1px 3px #0000000d,0 20px 38px #4a9e8e21}.board-item.object-ticket{background:#fff8e7;border-style:dashed}.board-item.object-voice{background:repeating-linear-gradient(90deg,#2d2d2d0d 0 2px,#0000 2px 9px),#fff}.board-item.object-todo{background:linear-gradient(90deg,#d8b06f29,#0000),#fffdf2}.board-item.selected{z-index:120;outline-offset:5px;outline:2px solid #4a9e8e8c}.board-item.connect-source{outline-offset:8px;outline:2px solid #d8b06fdb}.board-item.connect-source:before{z-index:8;color:#9b7430;content:"连线起点";letter-spacing:.08em;white-space:nowrap;background:#fffffff0;border:1px solid #d8b06f57;border-radius:999px;padding:7px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;position:absolute;top:-42px;left:50%;transform:translate(-50%)}.board-item.pinned{z-index:90;outline-offset:7px;outline:2px solid #d8b06f9e;box-shadow:0 2px 7px #00000014,0 28px 54px #d8b06f33}.pin-badge{z-index:5;color:#9b7430;letter-spacing:.08em;white-space:nowrap;background:#ffffffeb;border:1px solid #d8b06f52;border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:0 9px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.board-item.dragging{z-index:100;cursor:grabbing;box-shadow:0 24px 46px #00000024}.paper-pin{border:1px solid #ffffffa6;border-radius:999px;width:17px;height:17px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001f}.photo-frame{aspect-ratio:1/.82;background:#eef0ec;width:100%;margin-bottom:13px;overflow:hidden}.ticket-rip{opacity:.75;border-right:2px dashed;position:absolute;top:18px;bottom:18px;right:-8px}.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.photo-placeholder{background:radial-gradient(circle at 42% 45%,#ffecd1db,#0000 28%),linear-gradient(135deg,#d4a88380,#e8d5c4b8,#7fa1a680);height:100%}.link-cover{background:radial-gradient(circle at 70% 24%,#d8b06f6b,#0000 28%),linear-gradient(135deg,#4a9e8e33,#ffffffb8);border-radius:6px;width:100%;height:92px;margin-bottom:12px;position:relative;overflow:hidden}.link-cover img{object-fit:cover;width:100%;height:100%;display:block}.link-cover div{color:#2d2d2db8;place-items:center;height:100%;display:grid}.link-cover span{letter-spacing:.18em;align-self:end;font-family:Inter,sans-serif;font-size:9px;font-weight:800}.link-cover strong{align-self:start;font-family:Inter,sans-serif;font-size:30px;line-height:1}.music-player{background:radial-gradient(circle at 32% 38%,#ffffff2e,#0000 36%),linear-gradient(135deg,#3b3b3b,#101010);border-radius:7px;width:100%;height:132px;margin-bottom:12px;position:relative;overflow:hidden}.music-player img{object-fit:cover;opacity:.82;width:100%;height:100%;display:block}.music-player:after{content:"";background:linear-gradient(#0000 28%,#000000c2);position:absolute;inset:0}.music-disc{background:radial-gradient(circle,#f2efe5 0 9px,#1c1c1c 10px 31px,#464646 32px 33px,#191919 34px);border-radius:999px;place-items:center;width:82px;height:82px;display:grid;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 28px #0000003d}.music-disc span{background:#d8b06f;border-radius:999px;width:18px;height:18px}.music-overlay{z-index:1;color:#fff;align-items:center;gap:10px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.play-button{color:#242424;background:#fff;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.music-overlay div{gap:2px;min-width:0;display:grid}.music-overlay span,.music-overlay strong{text-overflow:ellipsis;white-space:nowrap;font-family:Inter,sans-serif;overflow:hidden}.music-overlay span{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.music-overlay strong{color:#fff;font-size:12px}.map-cover{background-color:#eef5f3;background-image:linear-gradient(90deg,#4a9e8e1f 1px,#0000 1px),linear-gradient(#4a9e8e1f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #4a9e8e24;border-radius:7px;width:100%;height:118px;margin-bottom:12px;position:relative;overflow:hidden}.map-cover img{object-fit:cover;width:100%;height:100%;display:block}.map-fallback{color:#4a9e8e;place-items:center;height:100%;display:grid}.map-fallback span{letter-spacing:.18em;margin-top:-24px;font-family:Inter,sans-serif;font-size:9px;font-weight:800}.map-pin{color:#fff;background:#e85f51;border:3px solid #fff;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 18px #0000002e}.place-badge{color:#2d2d2d;background:#ffffffdb;border-radius:6px;gap:2px;padding:8px 10px;display:grid;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 10px 18px #0000001a}.place-badge strong,.place-badge span{text-overflow:ellipsis;white-space:nowrap;font-family:Inter,sans-serif;overflow:hidden}.place-badge strong{font-size:12px}.place-badge span{color:#6f6961;font-size:10px;font-weight:700}.item-meta{color:#aaa49b;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;display:flex}.board-item.photo .item-meta{margin-top:2px}.board-item.object-music .item-meta,.board-item.object-music .item-body,.board-item.object-music h2{color:#ffffffdb}.board-item.object-music .item-meta{color:#ffffff7a}.board-item.object-music h2{margin-top:8px;font-family:Inter,sans-serif}.board-item.object-music .item-body{color:#ffffffa8}.board-item.object-music .object-chip,.board-item.object-music .source-link,.board-item.object-music .reaction-bar button{color:#ffffffd1;background:#ffffff1a}.board-item.object-music .reaction-bar button.active{color:#fff;background:#d8b06f2e;border-color:#d8b06f8c}.board-item h2{color:#2f2d2a;overflow-wrap:anywhere;margin:13px 0 10px;font-size:17px;font-weight:600;line-height:1.35}.item-body{color:#666059;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.8}.source-link{color:#4a9e8e;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;background:#2d2d2d0f;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;max-width:100%;margin-top:10px;padding:6px 9px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex;overflow:hidden}.source-link:before{content:"↗";font-size:10px}.board-item.object-music .source-link:before{content:"▶"}.board-item.object-location .source-link:before{content:"⌖"}.object-chip{color:#4d4943;letter-spacing:.1em;background:#2d2d2d14;border-radius:999px;align-self:flex-start;margin-top:12px;padding:5px 9px;font-family:Inter,sans-serif;font-size:10px;font-weight:800}.done-chip{color:#6a645d;cursor:pointer;letter-spacing:.08em;background:#0000000e;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-top:12px;padding:7px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;display:inline-flex}.done-chip.active{color:#27796b;background:#4a9e8e24}.reaction-bar{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px;display:flex}.reaction-bar button{color:#716b63;cursor:pointer;background:#ffffff94;border:1px solid #0000000e;border-radius:999px;align-items:center;gap:4px;min-width:34px;min-height:28px;padding:0 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:800;display:inline-flex}.reaction-bar strong{font-size:10px;line-height:1}.reaction-bar .comment-count{color:#4a9e8e}.comment-preview{border-top:1px solid #00000012;gap:7px;margin-top:14px;padding-top:12px;display:grid}.comment-preview-head{color:#4a9e8e;letter-spacing:.08em;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;display:flex}.comment-bubble{background:#ffffff94;border:1px solid #4a9e8e1f;border-radius:8px;padding:9px 10px}.comment-bubble div:first-child{justify-content:space-between;gap:8px;display:flex}.comment-bubble strong,.comment-bubble span{font-family:Inter,sans-serif;font-size:10px}.comment-bubble strong{color:#4d4943}.comment-bubble span{color:#aaa49b}.comment-bubble p{color:#57514a;margin:5px 0 6px;font-size:12px;line-height:1.55}.mini-stars{color:#d8b06f;gap:1px;display:flex}.board-item.object-music .comment-preview{border-top-color:#ffffff1f}.board-item.object-music .comment-bubble{background:#ffffff14;border-color:#ffffff1f}.board-item.object-music .comment-bubble strong,.board-item.object-music .comment-bubble p{color:#ffffffd6}.board-item.object-music .comment-bubble span{color:#ffffff75}.comment-strip{gap:9px;margin-top:auto;padding-top:16px;display:grid}.comment-heading{color:#4a9e8e;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.empty-comment{color:#b2aea7;margin:0;font-size:12px}.comment{border-top:1px solid #0000000f;padding-top:8px}.comment div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.comment strong{color:#56524c;font-size:12px;font-weight:600}.comment span{color:#aaa49b;font-family:Inter,sans-serif;font-size:10px}.comment p{color:#6f6961;margin:4px 0 6px;font-size:12px;line-height:1.55}.stars{color:#d8b06f;gap:2px;display:flex}.move-handle,.rotate-handle,.resize-handle{color:#4a9e8e;background:#fff;border:1.5px solid #4a9e8e9e;justify-content:center;align-items:center;display:flex;position:absolute}.move-handle{cursor:grab;border-radius:999px;width:25px;height:25px;top:-33px;left:20px}.move-handle:active{cursor:grabbing}.rotate-handle{cursor:crosshair;border-radius:999px;width:25px;height:25px;bottom:-32px;left:50%;transform:translate(-50%)}.resize-handle{cursor:se-resize;border-radius:3px;width:13px;height:13px;bottom:-6px;right:-6px}.clip-editor{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;will-change:transform;background:#fff;border:1px solid #4a9e8e33;border-radius:12px;gap:14px;width:320px;padding:16px;display:grid;position:absolute;box-shadow:0 26px 58px #0000002e,0 4px 10px #0000000d}.clip-editor:before{border:inherit;background:inherit;content:"";width:18px;height:18px;position:absolute;transform:rotate(45deg)}.clip-editor.placement-right:before{border-top:0;border-right:0;top:28px;left:-10px}.clip-editor.placement-left:before{border-bottom:0;border-left:0;top:28px;right:-10px}.clip-editor.placement-bottom:before{border-bottom:0;border-right:0;top:-10px;left:34px}.mobile-clip-editor{display:none}.clip-editor textarea{resize:vertical;min-height:92px}.statusbar{z-index:12;color:#9c9790;background:#f9f8f4;border-top:1px solid #0000000f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;padding:0 22px;font-size:9px;font-weight:700;display:grid}.sync-status-button{width:fit-content;color:inherit;cursor:pointer;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-family:Inter,sans-serif;font-size:9px;font-weight:800;display:flex}.sync-status-button:hover{color:#4a9e8e}.live-dot{background:#4a9e8e;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #4a9e8e1a}.live-dot.offline{background:#c9a35f;box-shadow:0 0 0 4px #c9a35f1f}.live-dot.connecting{background:#7fa1a6;box-shadow:0 0 0 4px #7fa1a61f}.live-dot.pending{background:#d8b06f;box-shadow:0 0 0 4px #d8b06f29}.progress-track{background:#e4e0da;border-radius:999px;width:80px;height:3px;overflow:hidden}.progress-track span{background:#4a9e8e;width:42%;height:100%;display:block}.statusbar p{justify-self:end;margin:0}.sync-panel{z-index:70;background:#fffffff0;border:1px solid #0000001a;border-radius:12px;gap:12px;width:min(340px,100vw - 116px);padding:14px;display:grid;position:absolute;bottom:54px;left:84px;box-shadow:0 24px 60px #00000029,0 4px 12px #0000000f}.sync-panel-head,.sync-panel-grid div{gap:4px;display:grid}.sync-panel-head{grid-template-columns:1fr auto;align-items:end}.sync-panel span,.sync-panel p,.sync-retry{font-family:Inter,sans-serif}.sync-panel span{color:#8e8981;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.sync-panel strong{color:#2d2d2d;font-family:Inter,sans-serif;font-size:13px}.sync-panel-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sync-panel-grid div{background:#f9f8f4;border:1px solid #0000000f;border-radius:8px;padding:10px}.sync-warning,.sync-pending,.sync-error{border-radius:8px;margin:0;padding:10px;font-size:11px;font-weight:700;line-height:1.65}.sync-warning{color:#8a6829;background:#d8b06f24}.sync-pending{color:#2d7e70;background:#4a9e8e1c}.sync-error{color:#a45d4f;background:#ac54481f}.sync-actions{grid-template-columns:.8fr 1fr 1fr;gap:7px;display:grid}.sync-retry{color:#fff;cursor:pointer;letter-spacing:.12em;background:#2d2d2d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:36px;font-size:10px;font-weight:800;display:inline-flex}.sync-retry.secondary{color:#68645f;background:#0000000d;border:1px solid #00000012}.sync-retry.secondary:hover{color:#348979;background:#4a9e8e1a;border-color:#4a9e8e3d}.inspector{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf2b8;border-left:1px solid #0000000f;flex-direction:column;gap:16px;padding:18px;display:flex;overflow:auto}.room-card,.editor-panel,.empty-panel{background:#ffffffa3;border:1px solid #00000012;border-radius:8px;box-shadow:0 12px 24px #0000000a}.room-card{padding:18px}.room-card div{color:#4a9e8e;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.room-card p{color:#36332f;margin:16px 0 8px;font-size:18px}.room-card small{color:#8c877f;font-size:12px;line-height:1.65}.editor-panel{gap:16px;padding:18px;display:grid}.panel-title{color:#7d776f;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.panel-title button{color:#a45d4f;cursor:pointer;background:#a45d4f1a;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:inline-flex}.panel-title button.active,.panel-actions button:first-child{color:#9b7430;background:#d8b06f24}.editor-panel textarea{resize:vertical;min-height:118px}.comment-composer{border-top:1px solid #00000012;gap:10px;padding-top:16px;display:grid}.comment-composer>span{color:#4a9e8e;font-size:10px;font-weight:700}.comment-composer textarea{resize:vertical;min-height:88px}.rating-row{gap:6px;display:flex}.rating-row button{color:#c6c0b6;cursor:pointer;background:#0000000a;border-radius:999px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.rating-row .active{color:#d8a84f;background:#d8b06f29}.send-button{min-height:40px;font-size:11px}.empty-panel{color:#8c877f;text-align:center;place-items:center;min-height:190px;padding:30px;display:grid}.empty-panel p{margin:12px 0 0;font-size:14px;line-height:1.75}.home-shell,.login-shell,.app-shell{color:var(--ink);font-family:var(--font-ui);background:radial-gradient(circle at 18% 8%,#ffe29947,#0000 30%),radial-gradient(circle at 88% 16%,#58a6ff2e,#0000 34%),linear-gradient(#fbfaf7 0%,#f5f5f2 100%)}.home-copy-block h1,.login-panel h1{color:var(--ink);font-family:var(--font-ui);letter-spacing:-.025em;font-weight:700}.login-paper p,.preview-card strong{font-family:var(--font-serif)}.home-kicker,.brand-row,.eyebrow,.period-tabs,.top-actions,.item-meta,.comment-heading,.statusbar,.canvas-hud,.room-card,.panel-title,.editor-panel label span,.clip-editor label span,.comment-composer>span,.rail-group{font-family:var(--font-ui);letter-spacing:.08em}.home-nav button,.secondary-button,.back-home,.entry-mode,.period-tabs,.top-actions button,.rail-tools button,.rail-status,.zoom-dock,.canvas-hud,.stats-summary,.stats-grid div,.share-popover,.quick-sheet,.sync-panel,.clip-editor,.room-card,.editor-panel,.empty-panel,.developer-card,.saved-room-list button{border-color:var(--line);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur-thin)}.topbar{min-height:78px;-webkit-backdrop-filter:var(--blur-thick);background:#fbfaf79e;border-bottom:0;box-shadow:inset 0 -1px #ffffff9e,0 1px #3c3c4314}.side-rail{-webkit-backdrop-filter:var(--blur-thick);background:#fbfaf78a;border-right:0;box-shadow:inset -1px 0 #3c3c4314}.workspace-mark,.rail-brand{background:linear-gradient(180deg, #ffffff29, transparent), var(--ink);color:#fff;border-radius:16px;box-shadow:0 14px 34px #0000002e}.workspace-title{gap:14px}.eyebrow,.home-kicker,.brand-row,.comment-heading,.comment-composer>span{color:var(--tint-deep)}.topbar h1,.room-card p,.share-head strong,.share-fields strong,.stats-summary strong,.stats-grid strong{color:var(--ink)}.period-tabs{background:#7676801f;box-shadow:inset 0 1px #ffffffb8}.period-tabs button,.entry-mode button,.quick-type-grid button{color:var(--ink-3);transition:transform .12s,background .18s,color .18s,box-shadow .18s}.period-tabs button:active,.entry-mode button:active,.top-actions button:active,.rail-tools button:active,.quick-type-grid button:active,.primary-button:active,.send-button:active,.copy-button:active,.quick-trigger:active{transition-duration:80ms;transform:scale(.96)}.period-tabs .active,.entry-mode .active,.quick-type-grid .active{color:var(--ink);background:#ffffffeb;box-shadow:0 3px 10px #00000014}.top-actions button,.rail-tools button,.zoom-dock button,.share-head button{color:var(--ink-3)}.top-actions button:hover,.top-actions button.active,.rail-tools button:hover,.rail-tools button.active,.zoom-dock button:hover{color:var(--tint-deep);background:#ffffffeb;box-shadow:0 8px 20px #0f8f781f}.top-actions button.active,.top-actions .ghost-action.active{background:var(--ink);color:#fff}.primary-button,.send-button,.copy-button,.quick-trigger,.empty-board button,.sync-retry{background:linear-gradient(180deg, #ffffff1a, transparent), var(--ink);letter-spacing:.04em;box-shadow:0 14px 28px #0000002e}.primary-button:hover,.send-button:hover,.copy-button:hover,.quick-trigger:hover,.sync-retry:hover{background:linear-gradient(#ffffff24,#0000),#000}.room-form input,.editor-panel input,.editor-panel textarea,.clip-editor input,.clip-editor textarea,.comment-composer textarea,.quick-sheet textarea{border-color:var(--line);color:var(--ink);background:#ffffffc7;border-radius:14px;box-shadow:inset 0 1px #ffffffd6}.room-form input:focus,.editor-panel input:focus,.editor-panel textarea:focus,.clip-editor input:focus,.clip-editor textarea:focus,.comment-composer textarea:focus,.quick-sheet textarea:focus{background:#fffffff0;border-color:#007aff6b;box-shadow:0 0 0 4px #007aff1c,inset 0 1px #ffffffeb}.home-board-preview,.login-art,.board-shell{background:linear-gradient(90deg,#ffecb37a,#0000 42%),linear-gradient(270deg,#d6ebf2a8,#0000 48%),#f7f6f2}.canvas-grid,.ambient-grid,.board-bg{background-image:linear-gradient(90deg,#3c3c430e 1px,#0000 1px),linear-gradient(#3c3c430e 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle,#000 0%,#000000d1 48%,#0000006b 100%);mask-image:radial-gradient(circle,#000 0%,#000000d1 48%,#0000006b 100%)}.warm-wash{background:linear-gradient(90deg,#ffe6a67a,#0000)}.cool-wash{background:linear-gradient(270deg,#d3e8f0b3,#0000)}.life-stats{top:90px}.stats-summary,.stats-grid div{background:#ffffffad;border-radius:16px}.stats-summary{min-height:46px;padding:0 14px}.stats-grid div{min-width:126px;padding:12px 14px}.stats-grid strong{letter-spacing:-.03em;font-size:24px}.board-item{box-shadow:var(--shadow-card);transform-style:preserve-3d;background:#fffdf2f0;border-color:#3c3c4314;border-radius:18px;transition:box-shadow .18s,outline-color .18s,filter .18s}.board-item.object-note{background:linear-gradient(180deg, #ffffff52, transparent 42%), var(--paper-warm);border-radius:14px}.board-item.photo{background:#fff;border-radius:8px}.board-item.object-link,.board-item.object-ticket,.board-item.object-voice,.board-item.object-todo{background:#ffffffe6;border-radius:18px}.board-item.object-music{background:radial-gradient(circle at 85% 0,#ffffff1f,#0000 38%),linear-gradient(145deg,#2c2c2e,#0b0b0c);border-radius:20px;box-shadow:0 24px 56px #0000003d}.board-item.object-location{background:linear-gradient(145deg,#e5f5f1f5,#ffffffeb);border-radius:20px}.board-item.selected{outline-offset:6px;outline:3px solid #34c7a273;box-shadow:0 0 0 1px #ffffffe6,0 28px 72px #0000002e}.board-item.dragging{filter:saturate(1.04);box-shadow:0 0 0 1px #ffffffb8,0 34px 80px #0003}.board-item h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:-.01em;font-size:17px;font-weight:700}.item-body{color:var(--ink-3);line-height:1.65}.item-meta,.life-stats span,.life-stats small,.canvas-hud span,.canvas-hud small{color:var(--ink-4);letter-spacing:.06em}.reaction-bar button{color:var(--ink-3);background:#ffffff9e;border-color:#3c3c4317;transition:transform .1s,background .16s,color .16s;box-shadow:0 2px 8px #0000000a}.reaction-bar button:active{transform:scale(.94)}.reaction-bar button.active{color:var(--tint-deep);background:#34c7a229;border-color:#34c7a23d}.comment-preview{border-top-color:#3c3c431a}.comment-bubble{background:#ffffffa8;border-color:#3c3c4314;border-radius:14px}.music-player,.map-cover,.link-cover{border-radius:16px}.music-player{height:140px;box-shadow:inset 0 1px #ffffff29}.play-button{background:#fffffff0;box-shadow:0 8px 18px #0000003d}.map-cover{border-color:#34c7a229}.place-badge{-webkit-backdrop-filter:var(--blur-thin);background:#ffffffd1;border-radius:12px}.source-link,.object-chip,.done-chip{color:var(--tint-deep);letter-spacing:.02em;background:#7676801f}.clip-editor,.quick-sheet,.share-popover,.sync-panel{background:var(--glass-thick);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur-thick);border-radius:22px}.clip-editor:before{background:var(--glass-thick)}.quick-trigger{min-height:48px;padding:0 18px}.quick-type-grid{gap:8px}.quick-type-grid button{background:#7676801f;min-height:38px}.quick-actions button{background:#7676801f;border-radius:14px;min-height:44px}.statusbar{-webkit-backdrop-filter:var(--blur-thin);background:#fbfaf7b8;border-top:0;box-shadow:inset 0 1px #3c3c4314}.progress-track{background:#76768029}.progress-track span,.live-dot{background:var(--tint)}.move-handle,.rotate-handle,.resize-handle{-webkit-backdrop-filter:var(--blur-thin);background:#ffffffe0;border-color:#34c7a280;box-shadow:0 8px 20px #0000001f}@media (prefers-reduced-transparency:reduce){.home-nav button,.secondary-button,.back-home,.entry-mode,.period-tabs,.topbar,.side-rail,.top-actions button,.rail-tools button,.rail-status,.zoom-dock,.canvas-hud,.stats-summary,.stats-grid div,.share-popover,.quick-sheet,.sync-panel,.clip-editor,.room-card,.editor-panel,.empty-panel{-webkit-backdrop-filter:none;background:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:80ms!important;animation-duration:80ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.app-shell{grid-template-columns:56px minmax(0,1fr)}.inspector{border:1px solid #00000014;border-radius:8px;width:min(330px,100vw - 76px);max-height:48svh;position:absolute;bottom:56px;right:14px}.period-tabs{gap:18px}.topbar{grid-template-columns:1fr auto auto;gap:14px;padding-inline:20px}}@media (width<=760px){.home-shell,.login-shell,.app-shell{min-height:100dvh}.home-shell{grid-template-columns:1fr;overflow:auto}.home-hero{min-height:auto;padding:max(18px, env(safe-area-inset-top)) 18px 28px}.home-nav{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f8f4cc;align-items:center;margin:0 -18px;padding:10px 18px;position:sticky;top:0}.home-nav button,.secondary-button,.back-home{min-height:42px;padding:0 14px}.home-copy-block{padding:42px 0 26px}.home-copy-block h1{max-width:11em;font-size:38px;line-height:1.12}.home-copy-block>p:not(.home-kicker){font-size:14px;line-height:1.75}.home-actions{grid-template-columns:1fr;display:grid}.developer-card{border-radius:12px;grid-template-columns:64px minmax(0,1fr);max-width:none}.developer-card img{width:64px;height:64px}.home-board-preview{border-top:1px solid #0000000f;border-left:0;min-height:540px}.preview-card{width:min(235px,100vw - 56px)}.preview-note{top:42px;left:22px}.preview-music{top:178px;right:22px}.preview-map{bottom:56px;right:48px}.preview-photo{bottom:156px;left:24px}.login-shell{grid-template-columns:1fr;overflow:visible}.login-art{border-bottom:1px solid #0000000f;border-right:0;min-height:28dvh}.login-paper-one{width:min(250px,100vw - 48px);min-height:155px;padding:24px;top:16%;left:8%}.login-paper-two,.login-photo{display:none}.login-panel{padding:24px 18px calc(150px + env(safe-area-inset-bottom));justify-content:flex-start}.login-panel h1{margin-top:18px;font-size:32px;line-height:1.18}.login-copy{margin-bottom:26px;font-size:14px}.room-form{max-width:none;padding-bottom:8px}.room-form .primary-button{min-height:52px;margin-top:4px}.room-form input,.editor-panel input,.editor-panel textarea,.clip-editor input,.clip-editor textarea,.comment-composer textarea{min-height:44px;font-size:16px}.app-shell{grid-template-columns:1fr;height:100dvh}.side-rail{display:none}.topbar{min-height:98px;padding:max(10px, env(safe-area-inset-top)) 12px 9px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.eyebrow{font-size:9px}.topbar h1{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.period-tabs{border-radius:14px;order:3;grid-column:1/-1;justify-content:stretch;gap:4px;width:100%;padding:3px;overflow:hidden}.period-tabs button{letter-spacing:.06em;background:#ffffff73;border:0;border-radius:11px;flex:1 1 0;min-width:0;min-height:32px;padding:0 4px;font-size:10px}.period-tabs .active{color:#2d2d2d;background:#4a9e8e1a;border-color:#4a9e8e59}.top-actions{top:calc(100dvh - 108px - env(safe-area-inset-bottom));bottom:auto;left:12px;right:12px;z-index:120;scrollbar-width:none;-webkit-backdrop-filter:var(--blur-thick);background:#ffffffc2;border:1px solid #00000012;border-radius:24px;justify-content:flex-start;gap:8px;padding:9px;position:fixed;inset-block-start:calc(100dvh - 108px - env(safe-area-inset-bottom));inset-block-end:auto;overflow-x:auto;box-shadow:0 20px 54px #00000029,0 2px 8px #0000000d}.top-actions::-webkit-scrollbar{display:none}.member-stack{display:none}.top-actions button{background:#ffffff9e;border-radius:16px;flex:0 0 44px;justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.top-actions span{display:none}.board-canvas{overflow:hidden}.zoom-dock{gap:3px;padding:4px;top:12px;bottom:auto;right:10px}.zoom-dock button{width:34px;height:34px}.zoom-dock span{min-width:42px;font-size:9px}.board-item{max-width:calc(100vw - 40px);padding:16px}.music-player{height:112px}.map-cover{height:106px}.board-item h2{font-size:16px}.item-body{font-size:13px}.move-handle{width:34px;height:34px;top:-38px;left:16px}.rotate-handle{width:34px;height:34px;bottom:-38px}.resize-handle{width:20px;height:20px;bottom:-10px;right:-10px}.inspector{border-radius:14px;width:auto;max-height:min(46svh,360px);padding:10px;bottom:48px;left:8px;right:8px}.room-card,.editor-panel,.empty-panel{border-radius:10px}.room-card{padding:12px}.room-card p{margin:10px 0 0;font-size:15px}.room-card small{display:none}.editor-panel{gap:12px;padding:12px}.clip-editor{z-index:140;overscroll-behavior:contain;border-radius:26px 26px 18px 18px;gap:10px;max-width:calc(100dvw - 20px);max-height:min(42dvh,350px);padding:12px;position:fixed;overflow-y:auto;top:auto!important;right:10px!important;bottom:calc(136px + env(safe-area-inset-bottom))!important;width:calc(100dvw - 20px)!important;left:10px!important;transform:none!important}.clip-editor:after{content:"";background:#3c3c433d;border-radius:999px;width:38px;height:5px;margin:-4px auto 6px;display:block;position:sticky;top:0;left:50%}.mobile-clip-editor .panel-title{z-index:2;-webkit-backdrop-filter:var(--blur-thin);background:#ffffffe0;border-bottom:1px solid #0000000f;border-radius:26px 26px 0 0;margin:-12px -12px 0;padding:14px 12px 10px;position:sticky;top:-12px}.desktop-clip-editor{display:none}.mobile-clip-editor{display:grid}.clip-editor:before{display:none}.editor-panel textarea{min-height:76px}.clip-editor textarea{min-height:58px}.comment-composer textarea{min-height:56px}.rating-row button{width:36px;height:36px}.send-button{min-height:42px}.statusbar{z-index:130;min-height:42px;padding:0 12px env(safe-area-inset-bottom);grid-template-columns:1fr auto;position:relative}.progress-track{display:none}.statusbar p{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;font-size:8px;overflow:hidden}.sync-panel{right:10px;bottom:calc(112px + env(safe-area-inset-bottom));width:auto;max-height:min(58dvh,460px);left:10px;overflow-y:auto}.share-popover{top:auto;right:10px;bottom:calc(112px + env(safe-area-inset-bottom));width:min(340px,100vw - 20px);max-width:none;padding:14px;position:fixed;left:10px}.life-stats{justify-items:start;max-width:calc(100vw - 20px);top:110px;left:10px;right:auto}.stats-summary{max-width:calc(100vw - 20px)}.stats-grid{max-width:calc(100vw - 20px);padding-bottom:4px;overflow-x:auto}.stats-grid div{min-width:96px;padding:8px 10px}.stats-grid strong{font-size:18px}.share-fields{grid-template-columns:1fr}.quick-trigger{right:12px;bottom:calc(118px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);min-height:44px;padding:0 16px}.quick-sheet{right:8px;bottom:calc(118px + env(safe-area-inset-bottom));border-radius:26px;width:auto;max-height:min(58dvh,500px);padding:16px;position:fixed;left:8px;overflow-y:auto}.quick-sheet textarea{min-height:96px;font-size:16px}.quick-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions{grid-template-columns:1fr 1fr;display:grid}.quick-actions .copy-button{grid-column:1/-1}.sync-toast{right:12px;bottom:calc(174px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.canvas-hud{border-radius:12px;align-items:flex-start;max-width:calc(100vw - 174px);padding:8px 10px;top:12px;left:10px}.canvas-hud div{gap:3px;display:grid}.canvas-hud small{display:none}.canvas-hud span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}@media (width<=420px){.topbar{min-height:96px}.login-panel h1{font-size:30px}.inspector{max-height:min(42svh,320px)}.room-card{display:none}.empty-panel{min-height:118px;padding:18px}.empty-panel p{font-size:13px}.zoom-dock{transform-origin:100% 0;transform:scale(.94)}.top-actions{gap:6px;padding:7px;left:8px;right:8px}.top-actions button{flex-basis:42px;width:42px;height:42px}.quick-trigger{justify-content:center;left:12px}.canvas-hud{max-width:calc(100vw - 156px)}.clip-editor{max-height:min(38dvh,310px)}}