.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 520px at 50% -10%,var(--accent-soft),transparent 70%),var(--bg)}.login-card{width:min(420px,100%);padding:34px 32px 32px;display:grid;gap:18px;box-shadow:var(--shadow-lg);border-radius:var(--radius-xl)}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:4px}.login-mark{width:42px;height:42px;flex:none;border-radius:13px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:19px;box-shadow:0 4px 14px var(--accent-glow)}.login-name{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.login-sub{font-size:13.5px;color:var(--muted)}.login-card .btn{width:100%;height:46px}.login-card .err{margin:0}.login-lang{justify-content:center;margin-top:2px}.login-lang .lang-btn{flex:0 0 auto;min-width:44px}.attrib{position:absolute;left:6px;bottom:6px;z-index:3;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 12px);padding:2px 7px 2px 5px;border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);font-size:10.5px;line-height:1.6;color:var(--text-soft);opacity:0;transform:translateY(2px);pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-img:hover .attrib,.board-img.is-selected .attrib,.board-img:focus-within .attrib,.board-text:hover .attrib,.board-text.is-selected .attrib,.board-text:focus-within .attrib{opacity:1;transform:none}@media (hover:none){.attrib{opacity:1;transform:none}}.attrib-face{flex:0 0 auto}.attrib-who{font-weight:650;color:var(--text)}.attrib-when{color:var(--muted)}.ink-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 0;padding:7px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface-soft);font-size:11px}.ink-legend-label{color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:9.5px}.ink-who{display:inline-flex;align-items:center;gap:5px;color:var(--text-soft);font-weight:600}.ink-swatch{width:11px;height:3px;border-radius:2px;flex:0 0 auto;background:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.avatar-mark{position:relative;display:inline-block;flex:0 0 auto;aspect-ratio:1;line-height:1;-webkit-user-select:none;user-select:none}.avatar-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--ink) 16%,var(--surface));color:var(--ink);font-weight:700;letter-spacing:.02em}.avatar-face img{width:100%;height:100%;object-fit:cover;display:block}.avatar-dot{position:absolute;right:-1px;bottom:-1px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px var(--surface);transition:background var(--dur) ease}.avatar-dot.is-on{background:var(--ok)}.person .avatar-face,.attrib-face .avatar-face{box-shadow:inset 0 0 0 1px var(--line)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:22px;background:#0a0e0c6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-in .16s var(--ease)}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal-card{width:min(560px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:card-in .18s var(--ease)}.modal-card.is-wide{width:min(760px,100%)}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 14px;border-bottom:1px solid var(--line-soft)}.modal-head h2{font-size:17px;font-weight:700}.modal-x{width:32px;height:32px;padding:0;font-size:14px}.modal-body{padding:20px 22px;overflow:auto;flex:1;min-height:0}.modal-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:18px;margin-top:18px;border-top:1px solid var(--line-soft)}.modal-foot .spacer{flex:1}@media (prefers-reduced-motion:reduce){.modal,.modal-card{animation:none}}.crop-hint{margin:0 0 12px}.crop-stage{position:relative;margin:0 auto;overflow:hidden;border-radius:var(--radius);background:var(--surface-hover);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.crop-stage:active{cursor:grabbing}.crop-img{position:absolute;top:0;left:0;transform-origin:0 0;max-width:none;pointer-events:none;display:block}.crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius);box-shadow:0 0 0 9999px color-mix(in srgb,var(--bg) 72%,transparent) inset;-webkit-mask:radial-gradient(circle at 50% 50%,transparent 49.5%,#000 50%);mask:radial-gradient(circle at 50% 50%,transparent 49.5%,#000 50%)}.crop-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 55%,transparent)}.crop-zoom{display:flex;align-items:center;gap:12px;margin:16px auto 0;max-width:280px;font-size:12px;color:var(--muted)}.crop-zoom input{flex:1;min-width:0;accent-color:var(--accent)}.settings{max-width:760px;margin:0 auto;padding:34px 28px 90px;display:grid;gap:20px}.settings-head{margin-bottom:2px}.settings-head h1{font-size:29px;font-weight:700;margin-bottom:4px}.settings-head p{margin:0;font-size:14px}.panel{padding:26px 26px 24px;display:grid;gap:18px}.panel-head{display:grid;gap:5px}.panel-head h2{font-size:17px;font-weight:700}.panel-head p{margin:0;font-size:13.5px;max-width:58ch}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:560px){.panel-grid{grid-template-columns:1fr}}.panel-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.panel-foot .err{margin:0}.ok-note{font-size:13.5px;font-weight:600;color:var(--accent-deep);background:var(--accent-soft);border-radius:8px;padding:5px 11px}.input:disabled{background:var(--surface-hover);color:var(--muted);cursor:not-allowed}.accents{display:flex;flex-wrap:wrap;gap:9px}.accent-chip{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 15px 0 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease),background var(--dur) ease}.accent-chip:hover{transform:translateY(-1px);border-color:var(--muted)}.accent-chip.is-active{border-color:var(--swatch);background:color-mix(in oklab,var(--swatch) 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 18%,transparent)}.accent-dot{width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001a}.accent-chip[data-accent-swatch=green]{--swatch:#149247}.accent-chip[data-accent-swatch=pink]{--swatch:#ec2d7b}.accent-chip[data-accent-swatch=blue]{--swatch:#2563c9}.accent-chip[data-accent-swatch=violet]{--swatch:#7c4dd8}.accent-chip[data-accent-swatch=amber]{--swatch:#d98b08}.accent-chip[data-accent-swatch=teal]{--swatch:#0d8f86}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .accent-chip[data-accent-swatch=green]{--swatch:#3fbc70}:root:not([data-theme=light]) .accent-chip[data-accent-swatch=pink]{--swatch:#f4589a}:root:not([data-theme=light]) .accent-chip[data-accent-swatch=blue]{--swatch:#5b93f5}:root:not([data-theme=light]) .accent-chip[data-accent-swatch=violet]{--swatch:#a684f0}:root:not([data-theme=light]) .accent-chip[data-accent-swatch=amber]{--swatch:#f0ad3c}:root:not([data-theme=light]) .accent-chip[data-accent-swatch=teal]{--swatch:#2fb3a8}}:root[data-theme=dark] .accent-chip[data-accent-swatch=green]{--swatch:#3fbc70}:root[data-theme=dark] .accent-chip[data-accent-swatch=pink]{--swatch:#f4589a}:root[data-theme=dark] .accent-chip[data-accent-swatch=blue]{--swatch:#5b93f5}:root[data-theme=dark] .accent-chip[data-accent-swatch=violet]{--swatch:#a684f0}:root[data-theme=dark] .accent-chip[data-accent-swatch=amber]{--swatch:#f0ad3c}:root[data-theme=dark] .accent-chip[data-accent-swatch=teal]{--swatch:#2fb3a8}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}@media (max-width:560px){.themes{grid-template-columns:1fr}}.theme-chip{display:grid;gap:2px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease),background var(--dur) ease}.theme-chip:hover{transform:translateY(-1px);border-color:var(--muted)}.theme-chip.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring)}.theme-label{font-size:14px;font-weight:650}.theme-hint{font-size:12px;color:var(--muted)}.notify-row{display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-radius:10px;border:1px solid var(--line-soft);background:var(--surface-soft);cursor:pointer;transition:border-color var(--dur) ease,background var(--dur) ease}.notify-row:hover{border-color:var(--accent-line)}.notify-row input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--accent)}.notify-row input:disabled{cursor:not-allowed}.notify-label{display:block;font-size:14px;font-weight:600}.notify-hint{display:block;font-size:12.5px;color:var(--muted)}.warn-note{margin:0;font-size:13.5px;color:#8a6300;background:color-mix(in oklab,var(--warn) 16%,var(--surface));border:1px solid color-mix(in oklab,var(--warn) 34%,var(--line));border-radius:10px;padding:10px 13px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .warn-note{color:#f0ad3c}}:root[data-theme=dark] .warn-note{color:#f0ad3c}.loc-current{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:10px;border:1px solid var(--line-soft);background:var(--surface-soft);font-size:14px;font-weight:600}.loc-pin{font-size:14px;line-height:1}.loc-clear{margin-left:auto;font-size:11.5px}.loc-actions{display:flex;gap:9px;flex-wrap:wrap}.loc-note{margin:0;font-size:13px}.loc-hits{display:grid;gap:4px;border:1px solid var(--line);border-radius:11px;padding:6px;background:var(--surface);max-height:260px;overflow-y:auto}.loc-hit{display:grid;gap:1px;text-align:left;padding:9px 11px;border:none;border-radius:8px;background:none;color:var(--text);transition:background var(--dur) ease}.loc-hit:hover{background:var(--surface-hover)}.loc-hit-name{font-size:13.5px;font-weight:650}.loc-hit-sub{font-size:11.5px;color:var(--muted)}.photo-row{display:flex;align-items:flex-start;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line-soft)}.photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.photo-pick{cursor:pointer}.photo-hint{flex-basis:100%;margin:0;font-size:12px;color:var(--muted)}.tr-badge{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:1px 5px;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft);color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:.04em;line-height:1.5;vertical-align:1px;transition:color var(--dur) ease,border-color var(--dur) ease}.tr-badge:hover{color:var(--accent);border-color:var(--accent-line)}.tr-arrow{opacity:.55;flex:0 0 auto}.tr-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.03em;transition:background var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease}.tr-toggle:hover{background:var(--surface-hover);color:var(--text)}.tr-toggle.is-on{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-line)}@media (max-width:820px){.sidebar-foot .tr-toggle{display:none}}.tm-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tm-full{grid-column:1 / -1}@media (max-width:560px){.tm-grid{grid-template-columns:1fr}}.tm-links{min-height:80px;font-size:13px}.owner-picker{display:flex;flex-wrap:wrap;gap:8px}.owner-chip{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-soft);font-size:13.5px;font-weight:600;transition:border-color var(--dur) ease,background var(--dur) ease,color var(--dur) ease,transform var(--dur) var(--ease)}.owner-chip:hover:not(:disabled){transform:translateY(-1px);border-color:var(--muted)}.owner-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.owner-chip:disabled{opacity:.55;cursor:not-allowed}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;border-radius:9px;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);transition:transform var(--dur) var(--ease),box-shadow var(--dur) ease}.swatch:hover:not(:disabled){transform:scale(1.08)}.swatch.is-on{box-shadow:0 0 0 2px var(--accent)}.swatch:disabled{cursor:not-allowed;opacity:.6}.tm-done{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.tm-done input{width:16px;height:16px;accent-color:var(--accent)}.tp{display:grid;gap:18px}.tp-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tp-done{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;margin-left:auto}.tp-done input{width:15px;height:15px;accent-color:var(--accent)}.tp-note{margin:0;font-size:14px;line-height:1.6;color:var(--text-soft);white-space:pre-wrap;background:var(--surface-soft);border:1px solid var(--line-soft);border-radius:var(--radius);padding:13px 15px}.tp-links{list-style:none;margin:0;padding:0;display:grid;gap:5px}.tp-links a{font-size:13.5px;word-break:break-all;text-decoration-thickness:1px;text-underline-offset:2px}.tp-section{display:grid;gap:8px}.tp-section h3{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tp-empty{margin:0;font-size:13px}.subtask{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line-soft);border-radius:10px;padding:9px 11px;background:var(--surface-soft)}.subtask label{display:flex;align-items:center;gap:9px;min-width:0;font-size:13.5px;cursor:pointer}.subtask input{width:15px;height:15px;flex:none;accent-color:var(--accent)}.subtask.is-done span{text-decoration:line-through;color:var(--muted)}.subtask .btn{width:30px;height:28px;padding:0}.comment{border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px;background:var(--surface-soft)}.comment-head{display:flex;gap:9px;align-items:baseline;font-size:12px;margin-bottom:3px}.comment-head b{font-weight:650}.comment p{margin:0;font-size:13.5px;line-height:1.55;white-space:pre-wrap}.tp-add{display:flex;gap:8px}.tp-add .input{flex:1}@media (max-width:520px){.tp-add{flex-direction:column}}.cal-wrap{padding:26px 28px 80px;display:grid;gap:18px;min-width:0}.cal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.eyebrow{margin:0 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cal-head h1{font-size:26px;font-weight:700}.cal-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cal-month{font-size:14.5px;font-weight:650;min-width:150px;text-align:center;font-variant-numeric:tabular-nums}.ro-chip{font-size:12px;font-weight:650;color:var(--muted);background:var(--surface-hover);border-radius:8px;padding:7px 12px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.dayname{padding:11px 12px;background:var(--surface-soft);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--muted)}.dayname:last-of-type{border-right:none}.day{min-height:126px;padding:9px;min-width:0;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--surface);cursor:pointer;transition:background var(--dur) ease,box-shadow var(--dur) ease}.day:nth-child(7n+7){border-right:none}.day.is-blank{background:var(--surface-soft);cursor:default}.day.is-selected{background:var(--accent-soft)}.day.is-drop{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.daynum{font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px;font-variant-numeric:tabular-nums}.day-empty{margin:6px 0 0;font-size:12px;color:var(--muted)}.task{position:relative;display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line-soft);border-left:5px solid var(--task-color,var(--accent));border-radius:10px;background:var(--surface);padding:8px 9px;margin:5px 0;min-height:56px;max-height:112px;overflow:hidden;cursor:pointer;transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease),opacity var(--dur) ease}.task:hover{border-color:var(--accent-line);box-shadow:0 6px 16px #10161317;transform:translateY(-1px)}.task.is-mine{background:var(--accent-soft)}.task.is-done{opacity:.62}.task.is-done .task-title b{text-decoration:line-through}.task.is-dragging{opacity:.4}.task.drop-before{box-shadow:inset 0 3px 0 -1px var(--accent)}.task.drop-after{box-shadow:inset 0 -3px 0 -1px var(--accent)}.task input[type=checkbox]{width:15px;height:15px;margin:2px 0 0;flex:none;accent-color:var(--accent);cursor:pointer}.task input[type=checkbox]:disabled{cursor:not-allowed}.task-body{min-width:0;flex:1;display:grid;gap:4px}.task-title{display:flex;align-items:center;gap:6px;min-width:0}.task-title b{font-size:12.5px;font-weight:650;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-icons{display:flex;flex-wrap:wrap;gap:5px}.task-meta{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:10.5px;font-weight:600;line-height:1.5;padding:2px 7px;border-radius:6px;background:var(--surface-hover);color:var(--muted);white-space:nowrap}.badge.is-priority{background:var(--accent);color:var(--accent-ink)}.badge.status-inprocess{background:color-mix(in oklab,#2563c9 16%,var(--surface));color:#2563c9}.badge.status-blocked{background:color-mix(in oklab,var(--danger) 16%,var(--surface));color:var(--danger)}.badge.status-waiting{background:color-mix(in oklab,var(--warn) 20%,var(--surface));color:#9a6a04}.badge.status-review{background:color-mix(in oklab,#7c4dd8 16%,var(--surface));color:#7c4dd8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge.status-inprocess{color:#8ab4ff}:root:not([data-theme=light]) .badge.status-waiting{color:#f0ad3c}:root:not([data-theme=light]) .badge.status-review{color:#c0a4ff}}:root[data-theme=dark] .badge.status-inprocess{color:#8ab4ff}:root[data-theme=dark] .badge.status-waiting{color:#f0ad3c}:root[data-theme=dark] .badge.status-review{color:#c0a4ff}@media (max-width:900px){.cal-wrap{padding:18px 14px 70px}.calendar{display:grid;grid-template-columns:1fr;border-radius:var(--radius)}.dayname{display:none}.day{min-height:auto;border-right:none}.day.is-blank{display:none}.day:nth-child(7n+7){border-right:none}}.lib-wrap{padding:26px 28px 80px;display:grid;gap:18px;min-width:0}.library{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.folder{padding:20px 22px;display:grid;gap:12px;align-content:start;min-width:0}.folder h2{font-size:16px;font-weight:700}.lib-add{display:flex;gap:8px}.lib-add .input{flex:1;min-width:0}.lib-empty{margin:0;font-size:13px}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px;background:var(--surface-soft);min-width:0;transition:border-color var(--dur) ease,background var(--dur) ease}.item:hover{border-color:var(--accent-line);background:var(--surface)}.item a{font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .btn{width:30px;height:28px;padding:0;flex:none}@media (max-width:900px){.lib-wrap{padding:18px 14px 70px}}.board-shell{display:grid;gap:11px}.board-toolbar{display:flex;gap:9px;justify-content:space-between;flex-wrap:wrap}.tool-group{display:flex;gap:7px;flex-wrap:wrap}.tool{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:600;transition:background var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease}.tool:hover{background:var(--surface-hover)}.tool.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.board-upload{cursor:pointer}.board-err{margin:0}.note-board{position:relative;width:100%;aspect-ratio:16/9;min-height:300px;container-type:inline-size;background:#fff;border:1px dashed var(--line);border-radius:var(--radius-lg);overflow:hidden;touch-action:none}.board-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;display:block}.board-img{position:absolute;border:2px solid transparent;border-radius:9px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 8px 26px #00000029;cursor:move}.board-img.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),0 10px 30px #0003}.board-img img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.board-text{position:absolute;border:2px solid transparent;border-radius:6px;min-width:80px;min-height:36px;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;color:#111827}.board-text.is-selected{border-color:var(--accent)}.board-text.is-editing{border-color:var(--accent);cursor:text}.board-text-body{width:100%;height:100%;padding:5px 7px;font-weight:800;line-height:1.3;white-space:pre-wrap;outline:none;overflow:hidden}.board-text.is-editing .board-text-body{-webkit-user-select:text;user-select:text;cursor:text}.board-del{position:absolute;top:5px;right:5px;z-index:4;width:24px;height:24px;padding:0;border:none;border-radius:999px;background:#0f1411b8;color:#fff;font-size:12px;line-height:1;display:grid;place-items:center}.board-del:hover{background:var(--danger)}.board-handle{position:absolute;right:-2px;bottom:-2px;z-index:4;width:18px;height:18px;background:var(--accent);border-top-left-radius:9px;cursor:nwse-resize;touch-action:none}.board-hint{position:absolute;left:14px;bottom:12px;z-index:1;margin:0;font-size:12.5px;color:#7b8480;background:#ffffffe6;border:1px solid #e6ebe7;border-radius:999px;padding:7px 12px;pointer-events:none}.board-ink{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.notes-wrap{padding:26px 28px 80px;display:grid;gap:18px;min-width:0}.notes-empty{margin:0;font-size:14px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.note-card{position:relative;padding:18px 19px;text-align:left;display:grid;gap:8px;align-content:start;min-height:150px;cursor:pointer;transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease)}.note-card:hover{border-color:var(--accent-line);box-shadow:0 8px 22px #1016131a;transform:translateY(-2px)}.note-card h3{font-size:15px;font-weight:700;line-height:1.35}.note-excerpt{margin:0;font-size:13px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-foot{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line-soft)}.note-badge{position:absolute;top:12px;right:13px;font-size:11px;color:var(--muted);background:var(--surface-hover);border-radius:6px;padding:2px 7px}.note-form{display:grid;gap:15px}.note-form .textarea{min-height:90px}@media (max-width:900px){.notes-wrap{padding:18px 14px 70px}}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:9px;width:min(380px,calc(100vw - 36px));pointer-events:none}.toast{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:11px 12px 11px 13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);font-size:13.5px;line-height:1.35;pointer-events:auto;animation:toast-in .22s var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.toast-icon{flex:0 0 auto}.toast.is-success .toast-icon{color:var(--ok)}.toast.is-error .toast-icon{color:var(--danger)}.toast.is-info .toast-icon{color:var(--accent)}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.toast.is-success:before{background:var(--ok)}.toast.is-error:before{background:var(--danger)}.toast-text{flex:1;min-width:0;overflow-wrap:anywhere}.toast-action{flex:0 0 auto;padding:5px 10px;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-deep);font:600 12.5px/1 var(--font-button);transition:background var(--dur) ease}.toast-action:hover{background:var(--surface-hover)}.toast-x{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--muted);transition:background var(--dur) ease,color var(--dur) ease}.toast-x:hover{background:var(--surface-hover);color:var(--text)}.toast-life{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left center;background:color-mix(in srgb,var(--accent) 45%,transparent);animation:toast-life linear both}.toast.is-success .toast-life{background:color-mix(in srgb,var(--ok) 45%,transparent)}@keyframes toast-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast:hover .toast-life{animation-play-state:paused}@media (max-width:820px){.toast-stack{right:12px;left:12px;bottom:auto;top:12px;width:auto}.toast{animation-name:toast-in-top}@keyframes toast-in-top{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast-life{display:none}}.admin{max-width:1100px;margin:0 auto;padding:34px 28px 90px;display:grid;gap:18px}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-head h1{font-size:29px;font-weight:700;margin-bottom:4px}.admin-head p{margin:0;font-size:14px;max-width:62ch}.team-table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:680px}.team-table th,.team-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle}.team-table thead th{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface-soft);white-space:nowrap}.team-table tbody tr:last-child td{border-bottom:none}.team-table tbody tr:hover{background:var(--surface-soft)}.team-table tr.is-self,.team-table tr.is-self:hover{background:var(--accent-soft)}.person{display:flex;align-items:center;gap:10px;min-width:0}.person-avatar{width:32px;height:32px;flex:none;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center;font-size:12px;font-weight:700}.person-name{display:block;font-weight:650;font-size:13.5px}.person-sub{display:block;font-size:11.5px;color:var(--muted)}.you{margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);background:var(--surface);border-radius:5px;padding:1px 5px}.select.small-select{height:34px;font-size:13px;padding:0 28px 0 10px;background-position:right 9px center;background-size:13px 13px}.role-chip{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:capitalize;border-radius:6px;padding:4px 9px;background:var(--surface-hover);color:var(--muted)}.role-chip.is-owner{background:var(--accent);color:var(--accent-ink)}.role-chip.is-admin{background:var(--accent-soft);color:var(--accent-deep)}.all-chip{font-size:11.5px;font-weight:650;color:var(--accent-deep);background:var(--accent-soft);border-radius:6px;padding:4px 9px}.last-seen{white-space:nowrap;font-size:12.5px}.admin-foot{font-size:13px;max-width:70ch;margin:0}.invite-panel{padding:26px 26px 24px;display:grid;gap:16px}.invite-form{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:12px;align-items:end}.invite-submit{white-space:nowrap}@media (max-width:760px){.invite-form{grid-template-columns:1fr}.invite-submit{width:100%}}.pending{display:grid;gap:8px;margin-top:2px}.pending h3{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pending-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line-soft);border-radius:10px;padding:10px 13px;background:var(--surface-soft)}.pending-name{display:block;font-size:13.5px;font-weight:650}.pending-sub{display:block;font-size:12px;color:var(--muted)}.app-col{background:var(--surface-soft)}.team-table thead th.app-col{border-left:1px solid var(--line)}.team-table tbody td.app-col{border-left:1px solid var(--line-soft)}.app-th{display:inline-flex;align-items:center;gap:6px}.home{max-width:1120px;margin:0 auto;padding:30px 28px 90px;display:grid;gap:18px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(900px 300px at 12% -40%,var(--accent-soft),transparent 70%),var(--surface);box-shadow:var(--shadow-sm)}.hero h1{font-size:27px;font-weight:700;letter-spacing:-.02em;margin-bottom:3px}.hero-date{margin:0;font-size:13.5px;color:var(--muted)}.hero-weather{display:grid;gap:2px;justify-items:end;text-align:right}.hw-temp{display:flex;align-items:center;gap:9px}.hw-num{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hw-icon{font-size:24px;line-height:1}.hw-label{font-size:12.5px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.stat{padding:18px 20px;display:grid;gap:2px;align-content:start}.stat-num{font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.stat-label{font-size:12.5px;color:var(--muted)}.stat-sub{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.stat.is-warn .stat-num{color:var(--warn)}.stat-meter{margin-top:8px}.meter{height:6px;border-radius:999px;background:var(--surface-hover);overflow:hidden}.meter-fill{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s var(--ease)}.home-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}.home-activity{grid-column:1 / -1}@media (max-width:860px){.home-grid{grid-template-columns:1fr}.home-activity{grid-column:auto}}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:2px}.panel-title h2{font-size:15px;font-weight:700}.link-btn{border:none;background:none;padding:0;font-size:12.5px;font-weight:600;color:var(--accent-deep);transition:opacity var(--dur) ease}.link-btn:hover{opacity:.75}.empty-line{margin:0;font-size:13.5px}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:1px}.task-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;min-width:0;transition:background var(--dur) ease}.task-list li:hover{background:var(--surface-hover)}.task-list li.is-mine{background:var(--accent-soft)}.tl-dot{width:8px;height:8px;flex:none;border-radius:50%}.tl-main{display:grid;min-width:0;flex:1}.tl-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-flag{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--danger);background:var(--danger-soft);border-radius:5px;padding:2px 7px;white-space:nowrap}.tl-date{font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.goal{display:grid;gap:6px;padding:12px 0;border-top:1px solid var(--line-soft)}.goal:first-of-type{border-top:none}.goal-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.goal-title{font-size:13.5px;font-weight:650;min-width:0}.goal-count{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.goal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px}.goal-actions{display:flex;gap:5px}.step{width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text-soft);font-size:13px;line-height:1;transition:background var(--dur) ease,border-color var(--dur) ease,color var(--dur) ease}.step:hover:not(:disabled){background:var(--surface-hover);border-color:var(--muted)}.step:disabled{opacity:.45;cursor:not-allowed}.step.is-danger:hover{color:var(--danger);border-color:var(--danger)}.goal-form{display:grid;gap:11px;padding:14px;margin-bottom:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.goal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.goal-form-foot{display:flex;justify-content:flex-end;gap:8px}.feed{list-style:none;margin:0;padding:0;display:grid;gap:1px}.feed li{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;min-width:0;transition:background var(--dur) ease}.feed li:hover{background:var(--surface-hover)}.feed-mark{width:22px;height:22px;flex:none;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--surface-hover);color:var(--muted)}.feed-mark.is-done{background:var(--accent-soft);color:var(--accent-deep)}.feed-main{display:grid;min-width:0;flex:1}.feed-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-when{font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:900px){.home{padding:20px 14px 70px}}.hero-weather{display:flex;align-items:center;gap:14px;min-width:0}.hw-icon{flex:none;display:block}.hw-body{display:grid;gap:2px;min-width:0}.hw-top{display:flex;align-items:baseline;gap:9px}.hw-cond{font-size:13.5px;font-weight:600;color:var(--text-soft)}.hw-meta{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--muted)}.hw-place{font-weight:650;color:var(--text-soft)}.hw-set{justify-self:start;margin-top:3px;border:none;background:none;padding:0;font-size:11.5px;font-weight:600;color:var(--accent-deep)}.hw-set:hover{text-decoration:underline}@media (max-width:560px){.hero-weather{width:100%}}.hint{font-size:11.5px;color:var(--muted);line-height:1.4}.goal-target{max-width:130px;font-variant-numeric:tabular-nums}.goal-source{border:none;margin:0;padding:0;display:grid;gap:7px;min-width:0}.goal-source legend{padding:0;margin-bottom:1px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.src-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color var(--dur) ease,background var(--dur) ease}.src-opt:hover{border-color:var(--muted)}.src-opt.is-on{border-color:var(--accent);background:var(--accent-soft)}.src-opt input{width:15px;height:15px;margin-top:2px;flex:none;accent-color:var(--accent)}.src-label{display:block;font-size:13.5px;font-weight:650}.src-hint{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}.goal-preview{display:grid;gap:6px;padding:13px;border-radius:10px;border:1px dashed var(--line);background:var(--surface)}.preview-tag{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.preview-say{font-size:12px;color:var(--muted)}.auto-tag{display:inline-block;margin-right:7px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);border-radius:5px;padding:2px 6px}.home-apps{grid-column:1 / -1}.toolcard{padding:12px 0;border-top:1px solid var(--line-soft)}.toolcard:first-of-type{border-top:none;padding-top:2px}.tool-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tool-icon{color:var(--accent);flex:none;display:block}.tool-name{font-size:14px;font-weight:650}.tool-stat{font-size:12px;color:var(--muted)}.tool-stat b{color:var(--text);font-weight:650;font-variant-numeric:tabular-nums}.tool-busy{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);border-radius:5px;padding:2px 7px}.tool-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:1px}.tool-list li{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 8px;border-radius:8px;transition:background var(--dur) ease}.tool-list li:hover{background:var(--surface-hover)}.tool-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--muted)}.tool-dot.is-done{background:var(--accent)}.tool-dot.is-rendering{background:var(--warn)}.tool-dot.is-queued{background:var(--line)}.tool-item-title{font-size:13px;font-weight:600;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-item-sub{font-size:11.5px;color:var(--muted);white-space:nowrap}.home-content .content-sum{margin:0 0 8px;font-size:13.5px;color:var(--text-soft)}.home-content .meter{margin-bottom:12px}.content-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin-bottom:14px}.content-stats b{color:var(--text);font-weight:650;font-variant-numeric:tabular-nums}.content-stats .is-warn b{color:var(--warn)}.content-sub{margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.content-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:7px}.content-list li{display:flex;gap:9px;align-items:baseline;font-size:12.5px;min-width:0}.content-when{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:650}.content-what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.content-where{flex:0 0 auto;color:var(--muted);font-size:11.5px}.content-empty{font-size:12.5px;margin:0 0 12px}.content-feed{list-style:none;margin:0;padding:11px 0 0;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:5px}.content-feed li{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-feed b{color:var(--text);font-weight:600}.content-ref{color:var(--text-soft);font-variant-numeric:tabular-nums}.content-movers{margin:11px 0 0;font-size:12px;color:var(--text-soft)}.appframe{display:flex;flex-direction:column;height:100dvh;min-width:0;min-height:0}.appframe-bar,.appframe-slow{flex:none}.appframe-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface);min-width:0}.appframe-icon{font-size:17px;line-height:1;flex:none}.appframe-title{display:grid;min-width:0;flex:1}.appframe-name{font-size:14.5px;font-weight:700;line-height:1.2}.appframe-desc{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appframe-perm{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);border-radius:5px;padding:3px 8px}.appframe-slow{margin:0;padding:9px 20px;font-size:13px;color:#8a6300;background:color-mix(in oklab,var(--warn) 15%,var(--surface));border-bottom:1px solid color-mix(in oklab,var(--warn) 32%,var(--line))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .appframe-slow{color:#f0ad3c}}:root[data-theme=dark] .appframe-slow{color:#f0ad3c}.appframe-frame{flex:1;width:100%;border:none;display:block;background:var(--bg);min-height:0}.appframe-msg{display:grid;place-items:center;padding:40px 24px;min-height:60vh}.appframe-card{max-width:44ch;padding:26px;text-align:center}.appframe-card h2{font-size:18px;font-weight:700;margin-bottom:8px}.appframe-card p{margin:0;font-size:14px}@media (max-width:820px){.appframe{height:auto}.appframe-frame{flex:none;height:78dvh}.appframe-desc{display:none}}.appframe-icon{color:var(--accent);flex:none;display:block}.appframe-bar .btn{display:inline-flex;align-items:center;gap:6px}.appframe-bar .btn-icon{flex:0 0 auto}.projectbar{display:grid;gap:7px}.projectbar-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding-left:2px}.projectbar .select{height:38px;font-size:13.5px}.projectbar-actions{display:flex;flex-wrap:wrap;gap:9px;padding-left:2px}.pb-link{border:none;background:none;padding:0;font-size:11.5px;font-weight:600;color:var(--muted);text-decoration:underline;text-underline-offset:2px;transition:color var(--dur) ease}.pb-link:hover{color:var(--accent-deep)}.pb-link.is-danger:hover{color:var(--danger)}.projectbar-add{display:flex;gap:6px}.projectbar-add .input{height:36px;font-size:13px;min-width:0}.boot{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.boot-dot{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:26px;padding:22px 15px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-mark{width:34px;height:34px;flex:none;border-radius:11px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:15px;box-shadow:0 3px 10px var(--accent-glow)}.brand-name{font-size:15.5px;font-weight:700;letter-spacing:-.015em}.nav{display:grid;gap:3px}.nav-item{display:block;padding:11px 13px;border-radius:10px;color:var(--text-soft);text-decoration:none;font-size:14px;font-weight:600;transition:background var(--dur) ease,color var(--dur) ease}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-deep)}.sidebar-foot{margin-top:auto;display:grid;gap:11px}.whoami{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;background:var(--surface-soft);border:1px solid var(--line-soft);min-width:0}.avatar{width:32px;height:32px;flex:none;border-radius:10px;background:var(--accent-soft);color:var(--accent-deep);display:grid;place-items:center;font-size:12.5px;font-weight:700;letter-spacing:.02em}.whoami-text{display:grid;min-width:0}.whoami-name{font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whoami-role{font-size:11.5px;color:var(--muted);text-transform:capitalize}.sidebar-foot .btn{width:100%}.main{min-width:0;background:var(--bg)}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;height:auto;overflow:visible;flex-direction:row;align-items:center;gap:14px;border-right:none;border-bottom:1px solid var(--line);padding:12px 16px}.nav{grid-auto-flow:column;gap:4px}.sidebar-foot{margin-top:0;margin-left:auto;grid-auto-flow:column;align-items:center}.whoami{background:none;border:none;padding:0}.whoami-text{display:none}}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.nav-count{font-size:11.5px;font-weight:650;background:var(--surface-hover);color:var(--muted);border-radius:999px;padding:2px 8px;min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.nav-item.active .nav-count{background:var(--accent);color:var(--accent-ink)}.nav-secondary{margin-top:-14px}.save-chip{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted);padding:7px 10px;border-radius:9px;background:var(--surface-soft);border:1px solid var(--line-soft);min-width:0}.save-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--muted);transition:background var(--dur) ease}.save-chip.is-saving .save-dot{background:var(--warn)}.save-chip.is-saved .save-dot{background:var(--accent)}.save-chip.is-failed{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 34%,var(--line));background:var(--danger-soft)}.save-chip.is-failed .save-dot{background:var(--danger)}.save-detail{display:none}.lang-switch{display:flex;gap:4px}.lang-btn{flex:1;height:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;transition:background var(--dur) ease,color var(--dur) ease,border-color var(--dur) ease}.lang-btn:hover{background:var(--surface-hover)}.lang-btn.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.main-error{margin:18px 28px 0}@media (max-width:820px){.sidebar{flex-wrap:wrap;align-items:flex-start}.projectbar{flex:1;min-width:180px}.projectbar-actions,.projectbar-add{display:none}.nav-secondary{margin-top:0}.sidebar-foot .save-chip,.sidebar-foot .lang-switch{display:none}}.nav-apps{margin-top:-14px}.nav-heading{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:0 12px 2px}.nav-apps .nav-item{gap:9px;text-decoration:none}.app-icon{font-size:14px;line-height:1}.app-name{flex:1}.app-out{font-size:11px;color:var(--muted);opacity:0;transition:opacity var(--dur) ease}.nav-apps .nav-item:hover .app-out{opacity:1}.nav-apps .app-icon{flex:none;display:block;color:currentColor}:root{--font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-button: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-input: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--bg: #f3f6f4;--surface: #ffffff;--surface-soft: #f8faf8;--surface-hover: #eef2ef;--text: #101613;--text-soft: #3b4742;--muted: #6b766f;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b766f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 6.4 8 10.2l3.8-3.8'/%3E%3C/svg%3E");--line: #dfe5e1;--line-soft: #ebefec;--danger: #d92d2d;--danger-soft: #fdeeee;--warn: #f0a612;--ok: #149247;--radius-sm: 9px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(16, 22, 19, .05);--shadow: 0 1px 2px rgba(16, 22, 19, .04), 0 10px 26px rgba(16, 22, 19, .07);--shadow-lg: 0 20px 55px rgba(16, 22, 19, .13);--dur: .16s;--ease: cubic-bezier(.2, .8, .3, 1);--accent: #149247;--accent-ink: #ffffff;--accent-deep: color-mix(in oklab, var(--accent) 84%, #000);--accent-soft: color-mix(in oklab, var(--accent) 12%, var(--surface));--accent-line: color-mix(in oklab, var(--accent) 34%, var(--line));--accent-ring: color-mix(in srgb, var(--accent) 16%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 26%, transparent)}:root[data-accent=pink]{--accent: #ec2d7b}:root[data-accent=blue]{--accent: #2563c9}:root[data-accent=violet]{--accent: #7c4dd8}:root[data-accent=amber]{--accent: #d98b08}:root[data-accent=teal]{--accent: #0d8f86}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #101512;--surface: #191f1c;--surface-soft: #151b18;--surface-hover: #212824;--text: #eff3f0;--text-soft: #c6cfc9;--muted: #8f9a94;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f9a94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 6.4 8 10.2l3.8-3.8'/%3E%3C/svg%3E");--line: #29322d;--line-soft: #222a26;--danger: #f06a6a;--danger-soft: #2b1919;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 30px rgba(0, 0, 0, .34);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .46);--accent-deep: color-mix(in oklab, var(--accent) 78%, #fff);--accent-soft: color-mix(in oklab, var(--accent) 20%, var(--surface))}:root:not([data-theme=light]):not([data-accent]),:root:not([data-theme=light])[data-accent=green]{--accent: #3fbc70}:root:not([data-theme=light])[data-accent=pink]{--accent: #f4589a}:root:not([data-theme=light])[data-accent=blue]{--accent: #5b93f5}:root:not([data-theme=light])[data-accent=violet]{--accent: #a684f0}:root:not([data-theme=light])[data-accent=amber]{--accent: #f0ad3c}:root:not([data-theme=light])[data-accent=teal]{--accent: #2fb3a8}}:root[data-theme=dark]{--bg: #101512;--surface: #191f1c;--surface-soft: #151b18;--surface-hover: #212824;--text: #eff3f0;--text-soft: #c6cfc9;--muted: #8f9a94;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238f9a94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 6.4 8 10.2l3.8-3.8'/%3E%3C/svg%3E");--line: #29322d;--line-soft: #222a26;--danger: #f06a6a;--danger-soft: #2b1919;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 30px rgba(0, 0, 0, .34);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .46);--accent-deep: color-mix(in oklab, var(--accent) 78%, #fff);--accent-soft: color-mix(in oklab, var(--accent) 20%, var(--surface))}:root[data-theme=dark]:not([data-accent]),:root[data-theme=dark][data-accent=green]{--accent: #3fbc70}:root[data-theme=dark][data-accent=pink]{--accent: #f4589a}:root[data-theme=dark][data-accent=blue]{--accent: #5b93f5}:root[data-theme=dark][data-accent=violet]{--accent: #a684f0}:root[data-theme=dark][data-accent=amber]{--accent: #f0ad3c}:root[data-theme=dark][data-accent=teal]{--accent: #2fb3a8}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-deep)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;letter-spacing:-.015em;text-wrap:balance}.field{display:grid;gap:6px;min-width:0}.field>label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.input,.select,.textarea{width:100%;min-width:0;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);color:var(--text);font-family:var(--font-input);font-size:14px;outline:none;transition:border-color var(--dur) ease,box-shadow var(--dur) ease,background var(--dur) ease}.textarea{height:auto;min-height:110px;padding:11px 13px;line-height:1.55;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:hover:not(:focus),.select:hover:not(:focus),.textarea:hover:not(:focus){border-color:color-mix(in oklab,var(--line) 60%,var(--muted))}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-ring)}.input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,transparent)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:var(--select-chevron);background-position:right 11px center;background-size:15px 15px;background-repeat:no-repeat;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border:1px solid transparent;border-radius:11px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-button);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px var(--accent-glow);transition:transform var(--dur) var(--ease),box-shadow var(--dur) ease,background var(--dur) ease,border-color var(--dur) ease}.btn:hover:not(:disabled){background:var(--accent-deep);box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px var(--accent-glow)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:var(--shadow-sm)}.btn.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--muted)}.btn.ghost{background:transparent;color:var(--text-soft);border-color:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--surface-hover);transform:none}.btn.danger{background:var(--surface);color:var(--danger);border-color:color-mix(in oklab,var(--danger) 32%,var(--line));box-shadow:none}.btn.danger:hover:not(:disabled){background:var(--danger-soft);transform:none}.btn.small{height:34px;padding:0 13px;font-size:13px;border-radius:9px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.muted{color:var(--muted)}.err{color:var(--danger);font-size:13.5px;min-height:20px}.scroll-x{overflow-x:auto}.icon{flex:0 0 auto;vertical-align:-.14em}.badge .icon,.note-badge .icon{vertical-align:-.12em}.btn .icon,.link-btn .icon,.pb-link .icon{vertical-align:-.1em}