:root{--ink:#25231f;--muted:#77736a;--line:#dfdbd1;--paper:#f7f4ed;--white:#fffdfa;--accent:#df5e44;--shadow:0 14px 45px rgba(51,43,32,.09)}
.cloud-sync-section{margin:22px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cloud-sync-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.cloud-sync-head h3{margin:0 0 4px}.cloud-sync-head p{margin:0;color:var(--muted);font-size:11px}.cloud-sync-head span{max-width:48%;color:var(--muted);font-size:10px;font-weight:800;text-align:right}.cloud-sync-head span[data-state=ok]{color:#388f80}.cloud-sync-head span[data-state=error]{color:#bd4c4c}.cloud-sync-head span[data-state=attention]{color:#ae7a24}.cloud-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cloud-auth input,.cloud-sync-controls input[type=password]{min-width:0;margin:0!important;border:1px solid var(--theme-border);border-radius:10px;padding:10px;background:var(--surface);color:var(--text)}.cloud-auth>div{grid-column:1/3;display:flex;gap:8px}.cloud-account{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;background:var(--surface-2);font-size:12px}.cloud-account button{border:0;background:transparent;color:#b34b4b;cursor:pointer}.cloud-sync-controls{display:grid;gap:9px;margin-top:12px}.cloud-sync-controls>label:not(.cloud-auto){margin:0}.cloud-sync-controls small{color:var(--muted)}.cloud-auto{display:flex!important;align-items:center;gap:7px;margin:2px 0!important}.cloud-sync-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cloud-sync-actions button{padding:9px 7px;font-size:11px}@media(max-width:560px){.cloud-auth{grid-template-columns:1fr}.cloud-auth>div{grid-column:1}.cloud-sync-actions{grid-template-columns:1fr}.cloud-sync-head{display:grid}.cloud-sync-head span{max-width:none;text-align:left}}
.board.bulk-mode .memo-row{grid-template-columns:32px 44px minmax(0,1fr) 32px 28px!important;padding-left:14px!important}.board.bulk-mode .bulk-checkbox{position:static!important;left:auto!important;top:auto!important;grid-column:1;grid-row:1;align-self:center;justify-self:center;translate:none!important}.board.bulk-mode .row-tag-icon{grid-column:2}.board.bulk-mode .row-content{grid-column:3}.board.bulk-mode .memo-row>.favorite-button{grid-column:4}.board.bulk-mode .memo-row>.more-menu{grid-column:5}@media(max-width:560px){.board.bulk-mode .memo-row{grid-template-columns:30px 34px minmax(0,1fr) 30px 25px!important;gap:7px!important;padding-left:10px!important}}
.achievement-celebration-reward{display:flex;align-items:center;gap:14px;margin:0 auto 22px;padding:13px 16px;border:1px solid rgba(95,199,181,.42);border-radius:18px;background:linear-gradient(135deg,rgba(164,222,211,.24),rgba(255,255,255,.8));text-align:left}.achievement-celebration-reward[hidden]{display:none}.achievement-celebration-reward img{width:68px;height:68px;flex:0 0 68px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(32,110,96,.18));animation:achievement-trophy-float 2s ease-in-out infinite}.achievement-celebration-reward div{display:grid;gap:4px}.achievement-celebration-reward strong{color:#277e70;font-size:.84rem;line-height:1.45}.achievement-celebration-reward span{color:#172522;font-size:1.05rem;font-weight:900}.achievement-celebration-layer.has-reward .achievement-celebration-card{width:min(470px,100%)}.dark .achievement-celebration-reward{border-color:#3f756c;background:linear-gradient(135deg,rgba(54,106,96,.38),rgba(18,24,23,.94))}.dark .achievement-celebration-reward strong{color:#91d9cb}.dark .achievement-celebration-reward span{color:#f3f7f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic UI","Hiragino Sans",system-ui,sans-serif;min-height:100vh}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,237,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:21px;font-weight:700}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--ink);color:white;display:grid;place-items:center;font-style:italic}.header-actions,.search{display:flex;align-items:center;gap:12px}.search{height:42px;min-width:270px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--muted)}.search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font:inherit}.search kbd{font-size:11px;background:#eeeae1;padding:3px 6px;border-radius:5px;border:0}.button{border:0;border-radius:11px;padding:11px 17px;font:inherit;font-weight:700;cursor:pointer;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-1px)}.primary{background:var(--accent);color:white;box-shadow:0 6px 16px rgba(223,94,68,.2)}.ghost{background:#eeeae1;color:var(--ink)}main{max-width:1240px;margin:auto;padding:56px 24px 80px}.intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--accent);margin:0 0 10px}.intro h1{font:700 clamp(34px,5vw,58px)/1.15 Georgia,"Yu Mincho",serif;margin:0;letter-spacing:-.03em}.subtitle{color:var(--muted);max-width:660px;line-height:1.9;margin:18px 0 0}.stats{display:flex;gap:28px;text-align:center}.stats div{min-width:65px}.stats strong{font:700 28px Georgia,serif;display:block}.stats span{font-size:11px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:46px;padding-bottom:14px}.filters{display:flex;gap:8px;overflow:auto}.filter{border:0;background:transparent;border-radius:9px;padding:9px 14px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap}.filter.active{background:var(--ink);color:white}.sort-label{font-size:12px;color:var(--muted)}select{border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;margin-left:5px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.card{border:1px solid rgba(64,55,44,.1);border-radius:18px;padding:24px;min-height:250px;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(50,40,30,.04);transition:.2s transform,.2s box-shadow;animation:appear .3s ease both}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card.cream{background:#fffaf0}.card.rose{background:#fbe5e0}.card.sage{background:#e5eee2}.card.sky{background:#e3eef3}.card.lilac{background:#eee6f3}.card-top{display:flex;justify-content:space-between;gap:10px}.card h2{font:700 23px/1.3 Georgia,"Yu Mincho",serif;margin:8px 0 14px;word-break:break-word}.card-body{color:#5d5951;line-height:1.75;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;flex:1}.pin,.card-action{border:0;background:rgba(255,255,255,.45);border-radius:8px;cursor:pointer;width:34px;height:34px;color:#6b665e}.pin.active{color:var(--accent)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.tag{font-size:10px;text-transform:uppercase;letter-spacing:.07em;background:rgba(255,255,255,.55);padding:5px 8px;border-radius:999px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid rgba(60,50,40,.1);font-size:11px;color:#777168}.card-actions{display:flex;gap:5px}.delete:hover{color:#bb3f2a}.empty{text-align:center;padding:90px 20px}.empty.hidden{display:none}.empty-icon{font-size:40px;color:var(--accent)}.empty h2{font-family:Georgia,"Yu Mincho",serif}.empty p{color:var(--muted)}dialog{border:0;border-radius:20px;box-shadow:0 25px 90px rgba(36,30,22,.25);background:var(--white);color:var(--ink)}dialog::backdrop{background:rgba(37,35,31,.48);backdrop-filter:blur(4px)}.dialog{width:min(620px,calc(100% - 28px));padding:0}.dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog h2,.confirm-dialog h2{font:700 28px Georgia,"Yu Mincho",serif;margin:0 0 22px}.icon-button{font-size:25px;background:transparent;border:0;cursor:pointer}.dialog label{display:block;font-size:12px;font-weight:700;margin:16px 0}.dialog input[type=text],.dialog input:not([type]),.dialog #titleInput,.dialog #tagsInput,.dialog textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:11px;padding:12px;background:white;font:inherit;outline:none}.dialog textarea{resize:vertical}.dialog input:focus,.dialog textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(223,94,68,.11)}fieldset{border:0;padding:0;margin:18px 0}legend{font-size:12px;font-weight:700}.color-options{display:flex;gap:10px;margin-top:9px}.color-options input{position:absolute;opacity:0}.swatch{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:transparent;border:2px solid transparent;cursor:pointer}.swatch.cream{background:#fff2d7}.swatch.rose{background:#f3c8bf}.swatch.sage{background:#cbdcc6}.swatch.sky{background:#c9dce5}.swatch.lilac{background:#ddcbe7}.color-options input:checked+.swatch{border-color:var(--ink);color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.confirm-dialog{width:min(430px,calc(100% - 28px));padding:32px;text-align:center}.confirm-dialog p{color:var(--muted);line-height:1.7}.confirm-dialog .dialog-actions{justify-content:center}.confirm-icon{margin:0 auto 15px;width:46px;height:46px;border-radius:50%;background:#f6ddd7;color:var(--accent);display:grid;place-items:center;font-weight:900;font-size:20px}footer{max-width:1240px;margin:auto;padding:28px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}@keyframes appear{from{opacity:0;transform:translateY(8px)}}@media(max-width:850px){.search{min-width:0;width:45px}.search input,.search kbd{display:none}.board{grid-template-columns:repeat(2,1fr)}.intro{align-items:flex-start;flex-direction:column}.stats{align-self:stretch;justify-content:flex-start}.topbar{padding:0 16px}}@media(max-width:560px){.brand span:last-child{display:none}.header-actions{gap:7px}.button{padding:11px 13px}.board{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:15px;flex-direction:column}.intro h1{font-size:38px}.stats{gap:15px}.stats div{min-width:55px}footer{flex-direction:column;gap:6px}}
/* PWA data controls */
.data-actions{display:flex;gap:7px}.button.compact{font-size:12px;padding:9px 12px}.import-options{display:grid;gap:9px;text-align:left;margin-top:20px}.import-options label{cursor:pointer}.import-options input{position:absolute;opacity:0}.import-options span{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:13px 15px}.import-options small{color:var(--muted)}.import-options input:checked+span{border-color:var(--accent);box-shadow:0 0 0 3px rgba(223,94,68,.1)}
@media(max-width:850px){.data-actions{display:none}}
@media(max-width:850px){.data-actions{display:flex;position:fixed;left:14px;bottom:14px;z-index:20;padding:7px;background:rgba(255,253,250,.94);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}}
.history-dialog{width:min(560px,calc(100% - 28px));padding:28px}.history-help{color:var(--muted);font-size:13px}.history-list{display:grid;gap:9px;margin-top:20px;max-height:55vh;overflow:auto}.history-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--line);border-radius:12px}.history-item div{display:grid;gap:3px}.history-item small{color:var(--muted)}.backup-on{color:#227451!important;background:#e0f0e7!important}

/* Hanabira theme */
:root{--ink:#3c3435;--muted:#847879;--line:#eadfdd;--paper:#fffaf7;--white:#fffefd;--accent:#d96f82;--accent-soft:#f9e5e8;--green:#718f75;--shadow:0 18px 55px rgba(91,61,67,.1)}
body{background:radial-gradient(circle at 8% 8%,rgba(244,202,210,.22),transparent 25%),var(--paper)}.topbar{background:rgba(255,250,247,.9)}.brand-mark{background:linear-gradient(145deg,#d96f82,#b95167);border-radius:50% 50% 48% 52%/62% 62% 38% 38%;font-family:"Yu Mincho",serif;font-size:14px}.primary{background:var(--accent)}.intro{align-items:center}.intro h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;line-height:1.35;letter-spacing:.02em}.intro .subtitle{max-width:600px}.stats{background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:18px;padding:18px 22px}.stats strong{color:var(--accent)}.view-tabs{display:flex;align-items:center;gap:4px;margin-top:45px;border-bottom:1px solid var(--line)}.view-tab{border:0;background:transparent;padding:14px 18px;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.view-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.settings-tab{margin-left:auto}.today-banner{margin:25px 0 8px;padding:22px 26px;border-radius:20px;background:linear-gradient(120deg,#fae5e9,#fff3ed);display:flex;align-items:center;gap:22px;border:1px solid #f2d8dd}.today-banner div:nth-child(2){display:grid;gap:5px;flex:1}.today-banner span{font-size:11px;letter-spacing:.12em;color:var(--accent);font-weight:800}.today-banner strong{font-family:"Yu Mincho",serif;font-size:18px}.soft{background:white;color:var(--accent);border:1px solid rgba(217,111,130,.25)}.petal-orbit{width:44px;height:44px;position:relative}.petal-orbit i{position:absolute;width:18px;height:24px;background:#e996a5;border-radius:80% 15% 70% 30%;transform-origin:22px 22px;opacity:.9}.petal-orbit i:nth-child(1){transform:rotate(0deg)}.petal-orbit i:nth-child(2){transform:rotate(72deg)}.petal-orbit i:nth-child(3){transform:rotate(144deg)}.petal-orbit i:nth-child(4){transform:rotate(216deg)}.petal-orbit i:nth-child(5){transform:rotate(288deg)}.card{border-radius:24px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:65px;height:65px;right:-25px;top:-30px;background:rgba(255,255,255,.32);border-radius:80% 20% 70% 30%;transform:rotate(25deg)}.card h2{font-family:"Yu Mincho",serif}.filter.active{background:var(--accent)}.insight-panel{margin-top:28px;background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:24px;padding:28px}.hidden-view{display:none}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font:600 26px "Yu Mincho",serif;margin:0}.month-nav{display:flex;gap:6px}.month-nav button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 11px;cursor:pointer}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-week{margin-top:26px;color:var(--muted);font-size:11px;text-align:center}.calendar-grid{margin-top:9px}.calendar-day{min-height:88px;border:1px solid var(--line);border-radius:13px;padding:9px;background:rgba(255,255,255,.72);display:flex;flex-direction:column;justify-content:space-between}.calendar-day.muted{opacity:.28}.calendar-day.today{border-color:var(--accent);box-shadow:0 0 0 2px rgba(217,111,130,.1)}.calendar-day b{font-size:12px}.day-petals{display:flex;flex-wrap:wrap;gap:3px}.day-petals i{width:9px;height:13px;background:var(--accent);border-radius:80% 20% 70% 30%;transform:rotate(25deg)}.category-chart{display:grid;gap:16px;margin-top:28px}.category-row{display:grid;grid-template-columns:160px 1fr 50px;align-items:center;gap:15px}.category-name{font-size:13px;font-weight:700}.category-bar{height:13px;background:#f3eae8;border-radius:999px;overflow:hidden}.category-bar i{display:block;height:100%;background:linear-gradient(90deg,#e9a0ae,var(--accent));border-radius:inherit}.category-count{text-align:right;color:var(--muted);font-size:12px}.settings-dialog{width:min(600px,calc(100% - 28px));padding:28px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row>div:first-child{display:grid;gap:4px}.setting-row small,.setting-tools p{color:var(--muted)}.segmented{display:flex;background:#f1e9e7;border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--muted)}.segmented button.active{background:white;color:var(--accent);box-shadow:0 2px 8px rgba(60,40,40,.08)}.setting-tools{padding-top:20px}.mobile-nav{display:none}.font-large{font-size:18px}.dark{--ink:#f3e9e7;--muted:#b9aaac;--line:#4f4143;--paper:#292224;--white:#352c2e;--accent:#e692a2;--accent-soft:#563a40;background:#292224;color:var(--ink)}.dark .topbar{background:rgba(41,34,36,.92)}.dark .stats,.dark .insight-panel,.dark .calendar-day{background:rgba(53,44,46,.8)}.dark .today-banner{background:linear-gradient(120deg,#50353b,#3b3031);border-color:#64454b}.dark .month-nav button,.dark .segmented button.active,.dark .soft{background:#44383a;color:#f0a7b5}.dark input,.dark textarea,.dark dialog{background:#352c2e;color:#f3e9e7}.dark .category-bar{background:#493b3d}
@media(max-width:700px){main{padding:32px 16px 100px}.intro h1{font-size:34px}.stats{width:100%;justify-content:space-around}.view-tabs{display:none}.today-banner{padding:18px}.today-banner .soft{display:none}.calendar-day{min-height:62px;padding:6px}.category-row{grid-template-columns:100px 1fr 35px}.mobile-nav{position:fixed;display:flex;z-index:30;bottom:0;left:0;right:0;background:rgba(255,250,247,.95);border-top:1px solid var(--line);padding:8px 10px max(8px,env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(12px)}.mobile-nav button{border:0;background:transparent;color:var(--muted);padding:8px;font:inherit;font-size:11px}.mobile-nav button.active{color:var(--accent);font-weight:800}.data-actions{bottom:72px;max-width:calc(100vw - 28px);overflow:auto}.dark .mobile-nav{background:rgba(41,34,36,.95)}}

/* Compact reference-inspired main screen */
body{background:#fff}.topbar{position:relative;height:58px;border:0;justify-content:flex-end;background:#fff;padding:0 max(22px,calc((100vw - 980px)/2))}.topbar .brand,.topbar .search{display:none}.header-actions>.primary{display:none}.header-actions .data-actions{box-shadow:none;border:0;background:transparent;position:static;padding:0}.header-actions .compact{font-size:0;background:transparent;box-shadow:none;padding:8px}.header-actions .compact:after{font-size:18px;color:#999}.header-actions #historyButton:after{content:"♡"}.header-actions #autoBackupButton:after{content:"↻"}.header-actions #exportButton:after{content:"⇧"}.header-actions #importButton:after{content:"⇩"}main{max-width:980px;padding:0 18px 70px}.intro{display:block;text-align:center;padding:0 0 18px}.intro .eyebrow{display:none}.intro h1{font:800 0/1 system-ui}.intro h1:before{content:"❀  Hanabira";font:800 32px/1.2 system-ui;color:#111;letter-spacing:-.02em}.intro .subtitle{margin:8px auto 0;color:#17b994;font-size:13px;font-weight:800;line-height:1.4}.stats{display:none}.view-tabs{margin:0;padding:0 0 10px;justify-content:space-around;border-bottom:1px solid #ecebe8}.view-tab{font-size:0;width:70px;height:48px;padding:0;border:0;border-radius:9px;color:#a2a2a2}.view-tab:before{font-size:22px}.view-tab[data-view="list"]:before{content:"⌖"}.view-tab[data-view="calendar"]:before{content:"▣"}.view-tab[data-view="categories"]:before{content:"⌁"}.view-tab.settings-tab:before{content:"⚙"}.view-tab.active{background:#f0f1f2;color:#555}.today-banner{margin:20px 0 16px;min-height:124px;border:1px solid #e9e5df;border-radius:18px;background:#fff;padding:25px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.petal-orbit{width:88px}.today-number{display:flex!important;flex-direction:column;align-items:flex-start;gap:1px!important}.today-number>strong{font:800 42px/1 system-ui;color:#111}.today-number>span{font-size:13px;color:#555;letter-spacing:0}.today-number small{color:#11b490;font-weight:800}.petal-orbit i{background:#ee7759}.quick-composer{display:grid;gap:12px}.composer-tags{display:flex;gap:7px;overflow:auto;padding:0 1px}.composer-tags span{white-space:nowrap;border:1.5px solid #dfd7d1;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;color:#8e8884}.composer-tags span:nth-child(2){border-color:#aedaf0;color:#79b5d4}.composer-tags span:nth-child(3){border-color:#f5b9c7;color:#e88da2}.composer-tags span:nth-child(4){border-color:#e9ca7d;color:#c7a54e}.composer-tags span:nth-child(6){border-color:#e7c56e;color:#c29c3e}.composer-tags .selected{background:#60c8b5;border-color:#60c8b5;color:#fff}.thought-placeholder{height:86px;border:1px solid #e8e3dd;border-radius:12px;background:#fff;text-align:left;padding:14px;color:#b4b1ad;font:600 14px system-ui;cursor:pointer}.quick-add{height:46px;border:0;border-radius:11px;background:linear-gradient(90deg,#a5dfd5,#b8e6de);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);font:700 15px system-ui;cursor:pointer}.toolbar{margin-top:21px;padding:0 0 10px;align-items:flex-start}.filters{flex-wrap:wrap}.filter{border:1px solid #ddd8d3;padding:6px 11px;font-size:11px}.filter.active{background:#49b9a5;border-color:#49b9a5}.sort-label{font-size:0}.sort-label select{font-size:12px;border:1px solid #dedad5;border-radius:8px;padding:7px 10px;background:#fff}.board{display:grid;grid-template-columns:1fr;gap:8px;margin-top:0}.card{min-height:auto;border-radius:12px;padding:13px 16px;background:#fff!important;box-shadow:none;display:grid;grid-template-columns:1fr auto}.card:hover{transform:none;box-shadow:0 3px 14px rgba(0,0,0,.05)}.card:after,.card-top,.card-body{display:none}.card h2{font:700 14px/1.4 system-ui;margin:0;grid-column:1}.card .tags{grid-column:1;margin:3px 0 0}.card .tag{padding:2px 7px;background:#f3b07f;color:white}.card-footer{grid-column:1/3;border:0;margin:2px 0 0;padding:0}.card-footer>span{font-size:10px;color:#bbb}.card-actions{position:absolute;right:12px;top:16px}.card-action{background:transparent}.empty{padding:45px 20px}.insight-panel{border-radius:18px}.settings-tab{margin-left:0}.dark .intro h1:before{color:#fff}.dark,.dark body{background:#292224}.dark .topbar,.dark .thought-placeholder,.dark .card,.dark .sort-label select{background:#352c2e!important}.dark .today-banner{background:#352c2e}.dark .view-tabs{border-color:#4f4143}@media(max-width:700px){main{padding-top:0}.view-tabs{display:flex}.view-tab.settings-tab{display:none}.topbar{display:none}.intro{padding-top:20px}.intro h1:before{font-size:27px}.today-banner{min-height:112px}.data-actions{display:none}.mobile-nav{display:none}.board{gap:7px}}
textarea.thought-placeholder{resize:vertical;min-height:86px;line-height:1.7;outline:none;cursor:text}textarea.thought-placeholder:focus{border-color:#74cbbb;box-shadow:0 0 0 3px rgba(96,200,181,.13)}
.bulk-toggle-button,.bulk-action-bar button{border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);padding:7px 11px;font:700 12px/1.2 inherit;cursor:pointer}.bulk-toggle-button.active{border-color:var(--brand-strong);color:var(--brand-strong);background:var(--brand-soft)}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 2px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--muted);font-size:12px}.bulk-action-bar[hidden]{display:none}.bulk-action-bar>div{display:flex;gap:8px;flex-wrap:wrap}.bulk-action-bar .bulk-delete-button{border-color:#c85d54;color:#b43d34}.bulk-action-bar button:disabled{opacity:.45;cursor:not-allowed}.memo-row{position:relative}.bulk-checkbox{display:none}.board.bulk-mode .bulk-checkbox{display:flex;position:absolute;left:12px;top:50%;translate:0 -50%;z-index:2;cursor:pointer}.bulk-checkbox input{position:absolute;opacity:0}.bulk-checkbox span{width:22px;height:22px;border:2px solid #a9aaa8;border-radius:7px;background:var(--white);display:grid;place-items:center}.bulk-checkbox input:checked+span{border-color:var(--brand-strong);background:var(--brand-strong)}.bulk-checkbox input:checked+span:after{content:'✓';color:#fff;font-size:14px;font-weight:900}.board.bulk-mode .memo-row{padding-left:49px}.memo-row.bulk-selected{outline:2px solid color-mix(in srgb,var(--brand-strong) 65%,transparent);background:color-mix(in srgb,var(--brand) 9%,var(--white))!important}.dark .bulk-toggle-button,.dark .bulk-action-bar,.dark .bulk-action-bar button,.dark .bulk-checkbox span{background:#242424;border-color:#4a4a4a}.dark .bulk-toggle-button.active{color:var(--brand);border-color:var(--brand)}@media(max-width:620px){.bulk-action-bar{align-items:flex-start;flex-direction:column}.bulk-action-bar>div{width:100%}.bulk-action-bar button{flex:1}.toolbar .bulk-toggle-button{align-self:flex-end}}
/* Achievement celebration */
.achievement-celebration-layer{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(8,18,17,.58);backdrop-filter:blur(8px);opacity:0;transition:opacity .28s ease;overflow:hidden}.achievement-celebration-layer[hidden]{display:none}.achievement-celebration-layer.show{opacity:1}.achievement-celebration-glow{position:absolute;width:min(78vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(164,222,211,.55),rgba(164,222,211,.12) 48%,transparent 70%);filter:blur(12px);transform:scale(.45);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.achievement-celebration-layer.show .achievement-celebration-glow{transform:scale(1)}.achievement-celebration-card{position:relative;width:min(430px,100%);padding:34px 28px 28px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,251,248,.96));box-shadow:0 28px 90px rgba(0,40,34,.28),inset 0 1px 0 #fff;text-align:center;color:#172522;transform:translateY(28px) scale(.78);opacity:0;transition:transform .62s cubic-bezier(.2,1.35,.35,1),opacity .25s ease}.achievement-celebration-layer.show .achievement-celebration-card{transform:translateY(0) scale(1);opacity:1}.achievement-celebration-kicker{margin:0 0 12px;color:#2b8f7e;font-size:.72rem;font-weight:900;letter-spacing:.2em}.achievement-celebration-trophy{width:132px;height:132px;margin:0 auto 14px;display:grid;place-items:center;filter:drop-shadow(0 14px 18px rgba(32,110,96,.2));animation:achievement-trophy-float 2s ease-in-out infinite}.achievement-celebration-trophy img{width:100%;height:100%;object-fit:contain}.achievement-celebration-card h2{margin:0;font-size:clamp(1.55rem,6vw,2.15rem);line-height:1.25}.achievement-celebration-condition{margin:10px auto 22px;max-width:32ch;color:#58706b;line-height:1.7}.achievement-celebration-close{min-width:150px;border:0;border-radius:999px;padding:12px 24px;background:#83cfc1;color:#103a33;font:inherit;font-weight:800;box-shadow:0 8px 22px rgba(56,143,127,.22);cursor:pointer}.achievement-celebration-close:hover{background:#70c2b3}.achievement-celebration-close:focus-visible{outline:3px solid rgba(43,143,126,.35);outline-offset:3px}.achievement-celebration-particles{position:absolute;inset:0;pointer-events:none}.achievement-celebration-particles i{position:absolute;left:var(--particle-x);top:-10%;width:13px;height:20px;border-radius:80% 20% 70% 30%;background:var(--particle-color);opacity:0;animation:achievement-petal-fall 3.4s var(--particle-delay) cubic-bezier(.2,.65,.35,1) forwards}.achievement-sound-switch{position:relative;width:48px;height:28px;flex:0 0 auto}.achievement-sound-switch input{position:absolute;opacity:0;pointer-events:none}.achievement-sound-switch span{display:block;width:100%;height:100%;border-radius:999px;background:#c7cfcd;transition:.2s;cursor:pointer}.achievement-sound-switch span::after{content:"";display:block;width:22px;height:22px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:.2s}.achievement-sound-switch input:checked+span{background:#75c8b9}.achievement-sound-switch input:checked+span::after{transform:translateX(20px)}.achievement-sound-switch input:focus-visible+span{outline:3px solid rgba(117,200,185,.38);outline-offset:2px}.dark .achievement-celebration-layer{background:rgba(0,0,0,.72)}.dark .achievement-celebration-card{border-color:#3c4846;background:linear-gradient(145deg,#202524,#111514);color:#f3f7f6;box-shadow:0 30px 100px rgba(0,0,0,.7)}.dark .achievement-celebration-condition{color:#b6c3c0}.dark .achievement-celebration-kicker{color:#91d9cb}.dark .achievement-celebration-close{background:#75c8b9;color:#0d2f29}
@keyframes achievement-trophy-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes achievement-petal-fall{0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(0)}12%{opacity:.95}100%{opacity:0;transform:translate3d(var(--particle-drift),115vh,0) rotate(var(--particle-rotate))}}
@media (prefers-reduced-motion:reduce){.achievement-celebration-layer,.achievement-celebration-card,.achievement-celebration-glow{transition:none}.achievement-celebration-trophy{animation:none}.achievement-celebration-particles{display:none}}
dialog.achievement-celebration-layer{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;color:inherit}dialog.achievement-celebration-layer:not([open]){display:none}dialog.achievement-celebration-layer::backdrop{background:transparent}
.achievement-category-filter{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--text-muted);font:700 11px system-ui}.achievement-category-filter select{min-width:170px;margin:0;padding:8px 34px 8px 12px;border:1px solid var(--theme-border);border-radius:10px;background:var(--surface);color:var(--text);font:700 11px system-ui;cursor:pointer}.achievement-category-head[hidden],.achievement-grid[hidden]{display:none!important}body.dark .achievement-category-filter select{background:#1b1d20;border-color:#3b3f44;color:#f0f3f2}@media(max-width:620px){.achievement-filters{flex-wrap:wrap}.achievement-category-filter{width:100%;margin:3px 0 0}.achievement-category-filter select{flex:1;min-width:0}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.calendar-date-selectors{display:flex;align-items:center;gap:8px}.calendar-date-selectors select{margin:0;padding:8px 30px 8px 11px;border:1px solid var(--theme-border);border-radius:10px;background:var(--surface);color:var(--text);font:800 14px system-ui;cursor:pointer}.calendar-date-selectors label:first-child select{min-width:108px}.calendar-date-selectors label:last-child select{min-width:78px}body.dark .calendar-date-selectors select{background:#202225;border-color:#3b3f44;color:#f0f2f3}@media(max-width:560px){.month-nav{gap:8px!important}.calendar-date-selectors{gap:5px}.calendar-date-selectors select{padding:7px 25px 7px 8px;font-size:12px}.calendar-date-selectors label:first-child select{min-width:92px}.calendar-date-selectors label:last-child select{min-width:68px}}
.cloud-sync-controls>label:not(.cloud-auto){display:grid;gap:8px}