:root{--ink:#292b27;--muted:#72756e;--cream:#f5f2e9;--paper:#fffdf8;--sage:#77856c;--sage-dark:#536049;--line:#ddd9ce;--danger:#9a4e46;--shadow:0 18px 50px #2a2c251a}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:Noto Sans JP,Hiragino Sans,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}:focus-visible{outline-offset:3px;outline:3px solid #d99b56}.eyebrow{letter-spacing:.19em;color:var(--sage-dark);font:700 .68rem/1.4 system-ui,sans-serif}.muted{color:var(--muted)}.auth-shell{grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.brand-panel{background:#dce3d4;min-height:100vh;padding:clamp(3rem,7vw,7rem);position:relative;overflow:hidden}.brand-panel:after{content:"";background:#c7d0bc;border-radius:50%;height:60%;position:absolute;inset:auto -12% -25% 15%;transform:rotate(-8deg)}.brand-copy{z-index:2;position:relative}.brand-copy h1{letter-spacing:-.065em;margin:1.2rem 0 2rem;font-family:Georgia,serif;font-size:clamp(4.4rem,8.5vw,8.6rem);line-height:.75}.brand-copy h1 em{color:var(--sage-dark);font-weight:400}.brand-copy p{font-family:Georgia,Yu Mincho,serif;font-size:clamp(1rem,1.5vw,1.28rem);line-height:2}.sheep-hero{z-index:1;filter:drop-shadow(0 24px 20px #363a3026);width:min(54%,560px);height:auto;position:absolute;bottom:-3%;right:2%}.auth-panel{background:var(--paper);place-items:center;padding:3rem;display:grid}.auth-card{text-align:center;width:min(100%,420px)}.auth-mark{border:1px solid var(--line);width:52px;height:52px;color:var(--sage);border-radius:50%;place-items:center;margin:0 auto 2rem;font-size:1.5rem;display:grid}.auth-card h2{margin:.75rem 0;font-family:Georgia,Yu Mincho,serif;font-size:2.35rem}.auth-card form{text-align:left;gap:1.15rem;margin:2.4rem 0 1rem;display:grid}.auth-card label,.memo-dialog label{letter-spacing:.04em;gap:.5rem;font-size:.78rem;font-weight:700;display:grid}.auth-card input,.memo-dialog input,.memo-dialog textarea,.memo-dialog select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.9rem 1rem}.auth-card input:focus,.memo-dialog input:focus,.memo-dialog textarea:focus,.memo-dialog select:focus{border-color:var(--sage);outline:2px solid #77856c33}.primary-button{background:var(--sage-dark);color:#fff;border:0;border-radius:12px;padding:1rem 1.3rem;font-weight:700;box-shadow:0 8px 18px #5360492e}.primary-button:hover{background:#424e3a}.primary-button.compact{padding:.72rem 1rem}.text-button,.ghost-button{color:var(--sage-dark);background:0 0;border:0;padding:.65rem;font-weight:700}.privacy-note{color:#8d8d86;margin-top:2rem;font-size:.68rem;line-height:1.6}.form-error,.global-message{color:#7b3933;background:#fff2f0;border:1px solid #e2bbb5;border-radius:10px;padding:.75rem;font-size:.82rem}.loading-screen{text-align:center;min-height:100vh;color:var(--muted);place-content:center;display:grid}.loader{border:3px solid #ddd;border-top-color:var(--sage);border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{background:#f5f2e9;min-height:100vh}.app-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e6;align-items:center;gap:1rem;height:70px;padding:0 clamp(1rem,3vw,3rem);display:flex;position:sticky;top:0}.header-brand-group{align-items:center;gap:.75rem;min-width:0;margin-right:auto;display:flex}.wordmark{font:700 1.28rem Georgia,serif}.brand-icon{color:#555e4f;vertical-align:middle;background:#e1e7d9;border-radius:50%;place-items:center;display:inline-grid;overflow:hidden}.brand-icon img{object-fit:cover;width:100%;height:100%;display:block}.mini-sheep{width:58px;height:58px;margin-right:.4rem}.auth-brand-icon{width:64px;height:64px}.app-header nav{background:#eeece5;border-radius:10px;padding:4px;display:flex}.app-header nav button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:.45rem .85rem}.app-header nav button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #00000014}.save-state{min-width:62px;color:var(--muted);flex:0 0 62px;font-size:.75rem}.save-state.error{color:var(--danger);font-weight:700}.workspace-title{justify-content:space-between;align-items:center;padding:.8rem clamp(1rem,3vw,3rem) .1rem;display:flex}.global-message{justify-content:space-between;align-items:center;margin:0 3rem 1rem;display:flex}.global-message button{color:inherit;background:0 0;border:0}.board-area{align-items:flex-start;gap:1rem;min-height:calc(100vh - 180px);padding:1rem clamp(1rem,3vw,3rem) 4rem;display:flex;overflow-x:auto}.board-area.horizontal{display:grid;overflow:visible}.horizontal .board{width:100%}.horizontal .memo-stack{min-height:230px;display:flex;overflow-x:auto}.horizontal .memo-card{min-width:280px;max-width:280px}.board{border:1px solid var(--line);border-top:4px solid var(--board-color);background:#ffffff80;border-radius:15px;width:320px;min-width:320px;padding:.9rem}.board>header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.board-title{align-items:center;gap:.55rem;min-width:0;display:flex}.board-title h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;overflow:hidden}.board-dot{background:var(--board-color);border-radius:50%;width:9px;height:9px}.count{background:#e9e7df;border-radius:12px;padding:.15rem .45rem;font-size:.7rem}.board-actions{align-items:center;display:flex}.board-actions button,.icon-button,.drag-handle{color:#7d7d76;background:0 0;border:0;padding:.25rem}.board-actions input[type=color]{background:0 0;border:0;width:22px;height:25px;padding:0}.memo-stack{gap:.7rem;min-height:110px;display:grid}.memo-card{border:1px solid var(--line);touch-action:manipulation;background:#fff;border-left:4px solid #d8d4c9;border-radius:11px;padding:.75rem;box-shadow:0 5px 12px #292b270d}.memo-card.dragging{opacity:.45;z-index:50}.memo-card.priority-low{background:#f4f7f1}.memo-card.priority-normal{background:#fffdf8}.memo-card.priority-high{background:#fff5df}.memo-card.priority-urgent{background:#fde9e5}.memo-card.due-soon{border-left-color:#d6a756}.memo-card.due-today{border-left-color:#d8794d}.memo-card.due-overdue{border-left-color:#b34842}.memo-card-top{align-items:center;display:flex}.drag-handle{cursor:grab;touch-action:none;margin-right:auto;font-size:1.1rem}.priority-label{background:#ffffffa8;border-radius:10px;padding:.15rem .45rem;font-size:.66rem;font-weight:700}.memo-card h3{margin:.65rem 0 .35rem;font-size:.96rem}.memo-card p{color:#676861;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.65;display:-webkit-box;overflow:hidden}.memo-card footer{color:var(--muted);align-items:center;gap:.45rem;margin-top:.8rem;font-size:.67rem;display:flex}.due-badge{font-weight:700}.due-badge.today,.due-badge.overdue{color:var(--danger)}.add-memo{color:var(--sage-dark);background:0 0;border:1px dashed #c9c6bc;border-radius:10px;padding:.7rem}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:15px;padding:3rem}.loading-board{text-align:center;color:var(--muted);padding:4rem}.list-wrap{background:var(--paper);border:1px solid var(--line);border-radius:15px;margin:1rem clamp(1rem,3vw,3rem) 4rem;overflow:auto}.list-wrap table{border-collapse:collapse;width:100%;min-width:760px}.list-wrap th,.list-wrap td{text-align:left;border-bottom:1px solid #ebe8df;padding:1rem;font-size:.82rem}.list-wrap th{color:var(--muted);letter-spacing:.08em;font-size:.68rem}.list-title{color:var(--ink);background:0 0;border:0;padding:0;font-weight:700}.board-chip{border-left:3px solid var(--chip);padding-left:.45rem}.empty-list{text-align:center;color:var(--muted);padding:3rem}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26282373;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.memo-dialog{background:var(--paper);width:min(100%,560px);max-height:calc(100vh - 2rem);box-shadow:var(--shadow);border-radius:18px;padding:2rem;position:relative;overflow:auto}.memo-dialog h2{margin:.5rem 0 1.6rem;font:2rem Georgia,Yu Mincho,serif}.dialog-close{background:0 0;border:0;font-size:1.5rem;position:absolute;top:1.1rem;right:1.2rem}.memo-dialog form{gap:1rem;display:grid}.memo-dialog textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dialog-buttons{justify-content:flex-end;gap:.5rem;margin-top:.7rem;display:flex}@media (max-width:850px){.auth-shell{grid-template-columns:1fr}.brand-panel{min-height:42vh;padding:2.2rem 2rem}.brand-copy h1{margin:.7rem 0;font-size:4.3rem}.brand-copy p{display:none}.sheep-hero{width:205px;bottom:-12%;right:3%}.auth-panel{align-items:start;padding:2.5rem 1.3rem}.auth-card h2{font-size:1.9rem}.app-header{flex-wrap:wrap;gap:.5rem;height:auto;min-height:64px;padding:.6rem 1rem}.wordmark{font-size:1rem}.app-header nav{order:3;justify-content:center;width:100%}.app-header nav button{flex:1}.save-state{min-width:48px;font-size:.67rem}.workspace-title{align-items:center;padding-top:.7rem}.board-area{scroll-snap-type:x mandatory}.board{scroll-snap-align:center;width:86vw;min-width:86vw}.horizontal .board{width:100%;min-width:100%}.global-message{margin-inline:1rem}.form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.memo-card.dragging{opacity:.28}.memo-card.drag-overlay{opacity:.78;z-index:1000;cursor:grabbing;pointer-events:none;width:100%;transform:rotate(1deg);box-shadow:0 18px 36px #292b273d}.memo-card.due-soon-1,.memo-card.due-soon-2,.memo-card.due-soon-3,.memo-card.due-soon-4,.memo-card.due-soon-5{border-left-color:#d6a756}.due-filter-bar{scrollbar-width:thin;align-items:center;gap:.5rem;min-width:0;margin:0 clamp(1rem,3vw,3rem) 1rem;padding-bottom:.45rem;display:flex;overflow-x:auto}.due-filter-options{flex:none;gap:.5rem;padding:.2rem .15rem 0;display:flex}.due-filter-chip{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fffdf8b8;border-radius:999px;flex:none;padding:.45rem .85rem;font-size:.78rem}.due-filter-chip:hover{background:#f4f6f0;border-color:#aeb8a5}.due-filter-chip.selected{border-color:var(--sage-dark);color:#3f4c38;background:#dfe7d8;font-weight:700}.due-filter-clear{color:var(--sage-dark);background:0 0;border:0;flex:none;padding:.5rem .3rem;font-size:.78rem;font-weight:700}.due-filter-clear:disabled{color:var(--muted);opacity:.4}.filter-empty{text-align:center;color:var(--muted);margin:.35rem 0;font-size:.75rem}.memo-card.due-upcoming{border-left-color:#d6a756}.add-board-slot{scroll-snap-align:start;flex:none;align-self:flex-start;padding-left:.15rem}.add-board-slot button{white-space:nowrap;min-height:42px}.board-area.horizontal .add-board-slot{justify-self:start;padding-left:0}.list-add-board{justify-content:flex-end;padding:1rem;display:flex;position:sticky;left:0}.list-add-board button{white-space:nowrap;min-height:42px}@media (max-width:850px){.due-filter-bar{margin-inline:1rem}.due-filter-chip,.due-filter-clear{min-height:42px}}.locale-switcher{color:var(--muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;display:flex}.locale-switcher select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:.4rem .5rem}.auth-card>.locale-switcher{justify-content:flex-end;margin-bottom:.5rem}@media (max-width:850px){.app-header>.locale-switcher span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.locale-switcher select{min-height:38px}}.workspace-switcher{width:min(100%,360px);margin:.2rem 0 .45rem;position:relative}.workspace-switcher-button{border:1px solid var(--line);background:var(--paper);width:100%;max-width:360px;min-height:38px;color:var(--ink);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:.55rem;padding:.35rem .65rem;font:700 clamp(.9rem,1.8vw,1.05rem) Georgia,Yu Mincho,serif;display:flex;box-shadow:0 3px 9px #292b270d}.workspace-switcher-button span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-menu{z-index:40;background:var(--paper);border:1px solid var(--line);width:min(92vw,420px);box-shadow:var(--shadow);border-radius:13px;position:absolute;top:calc(100% + .35rem);left:0;overflow:hidden}.workspace-menu-list{max-height:260px;padding:.35rem;overflow:auto}.workspace-menu-list button,.workspace-menu-actions button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem .75rem;display:flex}.workspace-menu-list button:hover,.workspace-menu-list button[aria-checked=true],.workspace-menu-actions button:hover{background:#eef2e9}.workspace-menu-list button span:first-child{width:1rem;color:var(--sage-dark)}.workspace-menu-list button span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-menu-actions{border-top:1px solid var(--line);padding:.35rem}.workspace-menu-actions .danger-text{color:var(--danger)}.workspace-dialog{background:var(--paper);width:min(100%,520px);box-shadow:var(--shadow);border-radius:18px;padding:2rem}.workspace-dialog h2{margin:0 0 1rem;font:1.8rem Georgia,Yu Mincho,serif}.workspace-dialog p{color:var(--muted);line-height:1.7}.workspace-dialog form{gap:1rem;display:grid}.workspace-dialog label{gap:.5rem;font-size:.78rem;font-weight:700;display:grid}.workspace-dialog input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.9rem 1rem}.import-mode-dialog,.import-replace-dialog{max-height:calc(100vh - 2rem);overflow:auto}.workspace-import-summary{gap:.6rem;margin:0 0 1.2rem;display:grid}.workspace-import-summary div{grid-template-columns:minmax(7rem,.4fr) 1fr;align-items:start;gap:.75rem;display:grid}.workspace-import-summary dt{color:var(--muted);font-size:.72rem;font-weight:800}.workspace-import-summary dd{overflow-wrap:anywhere;margin:0}.workspace-import-options{border:0;gap:.65rem;margin:0;padding:0;display:grid}.workspace-import-options label{border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.workspace-import-options label:has(input:checked){border-color:var(--sage);background:#f1f4ed}.workspace-import-options label.replace-option:has(input:checked){background:#fff4f2;border-color:#c88179}.workspace-import-options label[aria-disabled=true]{cursor:not-allowed;opacity:.68;background:#f4f2ed}.workspace-import-options input{width:auto;accent-color:var(--sage-dark);margin:.2rem 0 0;padding:0}.workspace-import-options span{flex:1;gap:.3rem;display:grid}.workspace-import-options small{color:var(--muted);font-weight:400;line-height:1.6}.workspace-import-options .workspace-import-limit{color:#9b4139;flex-basis:100%;margin-left:1.7rem;font-weight:700}.import-replace-dialog>p{color:#7b3933;background:#fff2f0;border:1px solid #e2bbb5;border-radius:10px;padding:.85rem;line-height:1.7}.danger-button{background:var(--danger);color:#fff;border:0;border-radius:12px;padding:.72rem 1rem;font-weight:700}.workspace-not-found{text-align:center;min-height:calc(100vh - 70px);color:var(--muted);place-content:center;padding:2rem;display:grid}@media (max-width:850px){.workspace-switcher{width:min(100%,360px)}.workspace-switcher-button{min-height:40px;font-size:1rem}.workspace-menu{width:auto;max-height:70vh;position:fixed;inset:auto 1rem 1rem}.workspace-dialog{padding:1.35rem}}.auth-panel{min-width:0}.auth-flow{flex-direction:column;gap:1.25rem;padding-block:1rem;display:flex}.auth-flow>.locale-switcher{margin-bottom:0}.auth-heading{flex-direction:column;align-items:center;gap:.7rem;display:flex}.auth-heading>*{margin:0}.auth-heading .auth-mark,.auth-heading .auth-brand-icon{margin:0 auto .65rem}.auth-card .auth-form{flex-direction:column;gap:1.15rem;margin:0;display:flex}.auth-form .auth-primary-action{margin-top:.35rem}.auth-primary-action{text-align:center;width:100%;text-decoration:none;display:block}.auth-secondary-actions{flex-direction:column;align-items:stretch;gap:.2rem;display:flex}.auth-secondary-actions .text-button{text-align:center;text-decoration:none;display:block}.privacy-note{margin:0}.guest-entry{flex-direction:column;gap:.55rem;margin:0;display:flex}.guest-button{border:1px solid var(--sage-dark);min-height:46px;color:var(--sage-dark);background:#eef3e9;border-radius:12px;padding:.75rem 1rem;font-weight:800}.guest-button:hover{background:#e1eadb}.guest-entry .muted{margin:0;font-size:.72rem;line-height:1.6}.auth-divider{color:var(--muted);align-items:center;gap:.75rem;margin:.25rem 0;font-size:.72rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.guest-import-dialog{text-align:left}.guest-choice-buttons{gap:.65rem;margin-top:1.25rem;display:grid}.guest-choice-buttons button{width:100%}.migration-retry{gap:1rem;margin:1.5rem 0;display:grid}.guest-delete-header{white-space:nowrap;flex:none}.guest-storage-notice{background:#fff8e9;border:1px solid #dfc9a8;border-radius:11px;justify-content:space-between;align-items:flex-start;gap:.6rem;margin:0 clamp(1rem,3vw,3rem) 1rem;padding:.55rem .55rem .55rem .8rem;display:flex}.guest-storage-notice p{color:#6f5a3c;flex:1;min-width:0;margin:0;padding-block:.15rem;font-size:.76rem;line-height:1.55}.guest-storage-notice-close{color:#796548;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 44px;place-items:center;width:44px;min-height:44px;padding:0;font-size:1.15rem;line-height:1;display:grid}.guest-storage-notice-close:hover{background:#f3e7cf}.guest-storage-notice-close:focus-visible{outline-offset:2px;outline:2px solid #71806a}@media (max-width:850px){.guest-delete-header{order:4;width:100%}.guest-storage-notice{margin-inline:1rem}}.workspace-transfer-actions{flex:none;align-items:center;gap:.35rem;display:flex}.workspace-transfer-button{border:1px solid var(--line);background:var(--paper);min-height:38px;color:var(--sage-dark);white-space:nowrap;border-radius:10px;padding:.55rem .8rem;font-weight:700}.workspace-transfer-button:hover{background:#f1f4ed;border-color:#aeb8a5}.workspace-import-input{display:none}.header-final-action{white-space:nowrap;flex:none}@media (max-width:850px){.workspace-transfer-actions{order:4;grid-template-columns:1fr 1fr;width:100%;display:grid}.workspace-transfer-button{min-height:42px}.header-final-action,.guest-delete-header{order:5;width:100%}}.memo-card{cursor:grab}.memo-card.dragging{cursor:grabbing;box-shadow:0 12px 28px #292b272e}.drag-handle{opacity:.58}.drag-handle:hover,.drag-handle:focus-visible{opacity:1}.memo-stack,.memo-card,.memo-card-top,.memo-card h3,.memo-card p,.memo-card footer{min-width:0}.memo-card{max-width:100%;overflow:hidden}.memo-card-top>*{flex-shrink:0}.memo-card h3{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.memo-card p{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.memo-card{padding-block:.65rem}.memo-card h3{margin-block:.55rem .3rem}.memo-card p{margin-block:.65rem 0}.memo-card footer{margin-top:.7rem}.form-info{color:var(--muted);text-align:left;margin:0;font-size:.82rem;line-height:1.65}.member-access-details{gap:.35rem;margin-top:.65rem;display:grid}.member-access-note{color:var(--muted);text-align:center;overflow-wrap:anywhere;margin:0;font-size:.7rem;line-height:1.65}.member-access-details .member-allowed-targets-label{color:var(--muted);text-align:center;margin:0;font-size:.68rem;font-weight:700}.member-allowed-targets{flex-wrap:wrap;justify-content:center;gap:.25rem .35rem;margin:0;padding:0;list-style:none;display:flex}.member-allowed-targets li{min-width:0}.member-allowed-targets code{color:#676c63;white-space:nowrap;background:#fffdfa;border:1px solid #deddd5;border-radius:999px;padding:.15rem .4rem;font:400 .62rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.verification-email{overflow-wrap:anywhere;color:var(--sage-dark);text-align:left;margin:0;font-size:.82rem;font-weight:700}.verification-code-input{letter-spacing:.32em;font-variant-numeric:tabular-nums;text-align:center}.verification-timer{color:var(--muted);text-align:center;margin:0;font-size:.75rem}.verification-actions{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.wordmark{white-space:nowrap;align-items:center;display:flex}.app-version{letter-spacing:.04em;color:var(--muted);white-space:nowrap;font:400 .68rem/1.2 system-ui,sans-serif}.auth-version{align-self:flex-end;margin-top:.15rem}.top-auth-flow{gap:.9rem;width:min(100%,460px);padding-block:.5rem}.top-auth-heading{gap:.5rem}.top-auth-heading .auth-brand-icon{margin-bottom:.3rem}.local-storage-card{cursor:default;text-align:left;color:#4b4f48;background:#fffdfa;border:1px solid #dddcd4;border-left:4px solid #aebca3;border-radius:16px;padding:.95rem 1.05rem}.local-storage-card-heading{align-items:center;gap:.7rem;display:flex}.local-storage-card h3{color:#3f463b;margin:0;font-size:1.02rem;line-height:1.45}.local-storage-icon{width:38px;height:38px;color:var(--sage-dark);background:#e8eee3;border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.local-storage-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.local-storage-card>p{margin:.65rem 0 0;font-size:.76rem;line-height:1.6}.local-storage-card ul{gap:.25rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.local-storage-card li{padding-left:1.3rem;font-size:.74rem;font-weight:700;line-height:1.45;position:relative}.local-storage-card li:before{content:"✓";color:var(--sage-dark);position:absolute;left:0}.top-auth-flow .guest-button{color:#46543d;background:#e7eee2;border-width:2px}.top-auth-flow .guest-button:hover{background:#d8e4d1}.top-auth-flow .guest-button:focus-visible{background:#dce7d5}.guest-privacy-note{color:#666a62;text-align:left;margin:0;font-size:.71rem;line-height:1.6}.top-auth-flow>.auth-divider{margin:0}.account-entry{text-align:left;gap:.7rem;display:grid}.account-entry h3{color:var(--ink);margin:0;font-size:.95rem}.account-entry p{color:var(--muted);margin:.2rem 0 0;font-size:.71rem;line-height:1.55}@media (max-width:850px){.top-auth-flow{gap:1rem}.local-storage-card{padding:.9rem}.local-storage-card h3{font-size:.98rem}}.top-auth-checking{color:var(--muted);justify-content:center;align-items:center;gap:.55rem;margin:0;font-size:.72rem;display:flex}.top-auth-checking .loader{border-width:2px;width:18px;height:18px;margin:0}.auth-primary-action[aria-disabled=true]{cursor:not-allowed;opacity:.45}.loading-version{margin-top:1rem}.workspace{flex-direction:column;min-height:100dvh;display:flex}.workspace-main{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}.workspace-main .board-area{flex:1 0 auto;min-height:0}.workspace-main .workspace-not-found{flex:1 0 auto}.app-version-footer{padding:.35rem clamp(1rem,3vw,3rem) calc(1rem + env(safe-area-inset-bottom));pointer-events:none;flex:none;align-items:flex-end;display:flex}.app-header-controls,.mobile-view-controls{display:contents}.mobile-menu-button,.mobile-menu-scrim,.mobile-menu-heading,.mobile-control-label{display:none}.app-header-controls nav{order:1}.app-header nav button{white-space:nowrap}.app-header>.locale-switcher{order:2}.app-header-controls>.workspace-transfer-actions{order:4}.app-header-controls>.header-final-action{order:5;margin-left:.25rem}@media (max-width:1120px){.app-header{flex-wrap:nowrap;height:64px;min-height:64px;padding:.35rem 1rem}.header-brand-group{flex:auto;gap:.5rem}.wordmark{min-width:0;font-size:1rem}.wordmark>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.mini-sheep{flex:0 0 46px;width:46px;height:46px}.header-brand-group>.save-state{text-align:right}.app-header>.locale-switcher{order:initial}.mobile-menu-button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--sage-dark);border-radius:10px;flex:none;align-items:center;gap:.35rem;padding:.5rem .7rem;font-weight:800;display:flex}.mobile-menu-scrim.open{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#26282366;width:100%;height:calc(100dvh - 64px);display:block;position:absolute;top:100%;left:0}.app-header-controls{display:none}.app-header-controls.open{width:min(88vw,360px);height:calc(100dvh - 64px);padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) 1rem;background:var(--paper);flex-direction:column;align-items:stretch;gap:1rem;display:flex;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:-12px 18px 38px #292b2733}.mobile-menu-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.mobile-menu-heading strong{font-family:Georgia,Yu Mincho,serif;font-size:1.2rem}.mobile-menu-heading button{min-height:44px;color:var(--sage-dark);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.3rem;padding:.45rem .6rem;font-weight:700;display:flex}.mobile-view-controls{gap:.45rem;display:grid}.mobile-control-label{color:var(--muted);font-size:.72rem;font-weight:800;display:block}.app-header .app-header-controls nav{order:initial;justify-content:center;width:100%}.app-header .app-header-controls nav button{flex:1;min-height:42px}.app-header .app-header-controls .workspace-transfer-actions{order:initial;grid-template-columns:1fr 1fr;width:100%;display:grid}.app-header .app-header-controls .workspace-transfer-button{min-height:44px}.app-header .app-header-controls .header-final-action,.app-header .app-header-controls .guest-delete-header{order:initial;width:100%;min-height:44px;margin-left:0}}@media (max-width:850px){.header-brand-group>.save-state{flex-basis:48px;min-width:0;max-width:48px}.app-header>.locale-switcher select{width:82px;max-width:22vw;min-height:44px;padding:.35rem .3rem}}@media (max-width:400px){.app-header{gap:.375rem;padding-inline:.75rem}.header-brand-group{gap:.375rem}.mini-sheep{flex-basis:42px;width:42px;height:42px;margin-right:.3rem}.header-brand-group>.save-state{flex:0 0 18px;place-items:center;width:18px;min-width:18px;max-width:18px;font-size:0;display:grid;overflow:hidden}.header-brand-group>.save-state:before{font-size:.75rem;line-height:1}.header-brand-group>.save-state.saving:before{content:"…"}.header-brand-group>.save-state.saved:before{content:"✓"}.header-brand-group>.save-state.error:before{content:"!"}.app-header>.locale-switcher{flex:0 82px;min-width:0}.mobile-menu-button{justify-content:center;gap:0;width:44px;min-width:44px;height:44px;padding:0;font-size:1.15rem}.mobile-menu-button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.about-shell{min-height:100dvh;color:var(--ink);background:var(--cream);flex-direction:column;display:flex}.about-header,.about-main,.about-footer{width:min(1120px,100% - 2rem);margin-inline:auto}.about-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.about-brand{color:var(--sage-dark);align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:flex}.about-brand img{object-fit:contain}.about-header .locale-switcher{margin:0}.about-main{overflow-wrap:anywhere;flex:1;gap:clamp(2rem,5vw,4rem);padding-bottom:3rem;display:grid}.about-main h1{margin:.8rem 0 1.2rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1.4}.about-main h2{margin:0 0 1rem;font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.5}.about-main h3{font-size:1rem;line-height:1.6}.about-main p{margin:0 0 1.25rem;line-height:1.9}.about-hero{max-width:760px;padding-top:clamp(1rem,4vw,3rem)}.about-cta{white-space:normal;text-align:center;justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.about-entry-link{color:var(--sage-dark);text-underline-offset:3px;padding-block:.4rem;font-size:.8rem;line-height:1.7}.about-shell a:focus-visible,.about-entry-link:focus-visible{outline:2px solid var(--sage-dark);outline-offset:4px}.about-shot{min-width:0;margin:0}.about-shot img{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.about-shot figcaption{color:var(--muted);margin-top:.6rem;font-size:.8rem;line-height:1.6}.about-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;display:grid}.about-mobile-section{grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:center;gap:3rem;display:grid}.about-phone{justify-self:center;width:100%;max-width:320px}.about-storage{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--sage-dark);border-radius:12px;padding:clamp(1.2rem,3vw,2rem)}.about-storage p{margin:0}.about-faq>div{border-bottom:1px solid var(--line);padding-block:.7rem}.about-final-cta{text-align:center}.about-footer{padding-block:1rem max(1rem,env(safe-area-inset-bottom))}@media (max-width:650px){.about-columns,.about-mobile-section{grid-template-columns:minmax(0,1fr);gap:1.5rem}.about-header{gap:.5rem}.about-brand{font-size:.95rem}.about-brand img{width:36px;height:36px}}.password-field{gap:.5rem;display:grid}.password-input-wrap{min-width:0;display:block;position:relative}.auth-card .password-input-wrap input{padding-right:3.75rem}.password-visibility-button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.password-visibility-button:hover{color:var(--sage-dark);background:#f0eee7}.password-visibility-button:focus-visible{outline-offset:1px;outline:3px solid #d99b56}.password-visibility-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}