:root{--font-script:"Parisienne", cursive;--font-display:"Cormorant Garamond", Georgia, serif;--font-ui:"Quicksand", system-ui, sans-serif;--font-read:"Lora", Georgia, serif;--wash-top:#efe7fb;--wash-bottom:#f7f0fd;--ink:#4a3f63;--ink-soft:#8579a0;--accent:#b79ce0;--accent-deep:#8a6dc0;--paper:#faf6ff;--paper-edge:#ece2fa;--glow:#cdb6f0;--radius:22px;--shadow-soft:0 18px 40px -24px #3c285a73}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:var(--font-read);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none}.pixie-root{background:linear-gradient(170deg, var(--wash-top), var(--wash-bottom));min-height:100%;color:var(--ink);isolation:isolate;transition:background .9s,color .9s;position:relative}.pixie-root:before{content:"";z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}.dark-mood .pixie-root:before{mix-blend-mode:screen;opacity:.06}button{font-family:var(--font-ui);cursor:pointer;color:inherit;background:0 0;border:none}.shell{max-width:1100px;margin:0 auto;padding:0 20px 64px}.wordmark{font-family:var(--font-script);color:var(--accent-deep);line-height:1}.home{min-height:100vh}.home-main{min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:84px}.dock{z-index:30;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--wash-bottom) 86%, transparent);-webkit-backdrop-filter:blur(20px)saturate(170%);border-top:1px solid #ffffff8c;border-radius:24px 24px 0 0;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -12px #3c285a47,inset 0 1px #ffffff8c}.dock-tab{font-family:var(--font-ui);letter-spacing:.03em;color:var(--ink-soft);border-radius:14px;flex:1 1 0;padding:9px 6px;font-size:.86rem;font-weight:600;transition:color .25s,background .25s}.dock-tab:hover{color:var(--ink)}.dock-tab.active{color:var(--accent-deep);background:color-mix(in srgb, var(--accent) 16%, transparent)}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filter-chip{font-family:var(--font-ui);background:color-mix(in srgb, var(--paper) 70%, transparent);border:1px solid var(--paper-edge);color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:background .25s,color .25s,transform .18s}.filter-chip:hover{transform:translateY(-1px)}.filter-chip.on{background:var(--accent);border-color:var(--accent-deep);color:var(--paper)}.add-book-btn{width:100%;font-family:var(--font-ui);background:linear-gradient(120deg, var(--accent), var(--accent-deep));color:var(--paper);box-shadow:var(--shadow-soft);border:none;border-radius:16px;margin-bottom:16px;padding:14px;font-size:.95rem;font-weight:700;transition:transform .18s}.add-book-btn:hover{transform:translateY(-2px)}.today .track-card{background:linear-gradient(160deg, var(--paper), color-mix(in srgb, var(--glow) 30%, var(--paper)));border:1px solid var(--paper-edge);box-shadow:var(--shadow-soft);border-radius:22px;margin-bottom:16px;padding:20px 22px}.streak-top{justify-content:space-between;align-items:baseline;display:flex}.streak-num{font-family:var(--font-display);color:var(--accent-deep);font-size:3rem;font-weight:600;line-height:1}.streak-unit{font-family:var(--font-ui);color:var(--ink-soft);margin-left:8px;font-size:.9rem}.streak-best{font-family:var(--font-ui);color:var(--ink-soft);font-size:.78rem}.streak-dots{justify-content:space-between;margin-top:18px;display:flex}.streak-day{flex-direction:column;align-items:center;gap:6px;display:flex}.streak-day .dot{background:var(--paper-edge);border-radius:50%;width:16px;height:16px;transition:background .3s}.streak-day .dot.on{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent)}.dot-label{font-family:var(--font-ui);color:var(--ink-soft);font-size:.66rem}.goal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.goal-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.goal-step{font-family:var(--font-ui);align-items:center;gap:12px;font-weight:700;display:flex}.goal-step button{background:var(--paper);border:1px solid var(--paper-edge);width:30px;height:30px;color:var(--accent-deep);border-radius:50%;font-size:1.1rem;line-height:1}.goal-step button:hover{background:var(--accent);color:var(--paper)}.goal-bar{background:var(--paper-edge);border-radius:10px;height:10px;overflow:hidden}.goal-bar>span{background:linear-gradient(90deg, var(--accent), var(--accent-deep));border-radius:10px;height:100%;transition:width .4s;display:block}.goal-count{font-family:var(--font-ui);color:var(--ink-soft);margin-top:8px;font-size:.82rem}.track-section{margin-top:22px}.tb-timer{font-family:var(--font-ui);font-variant-numeric:tabular-nums;background:var(--paper);border:1px solid var(--paper-edge);color:var(--ink-soft);border-radius:999px;flex:none;padding:3px 9px;font-size:.72rem;font-weight:700;transition:color .2s,background .2s}.tb-timer.on{color:var(--accent-deep)}.streak-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.read-today{font-family:var(--font-ui);background:var(--accent);color:var(--paper);border-radius:999px;padding:9px 18px;font-size:.84rem;font-weight:700;transition:transform .18s,filter .2s}.read-today:hover:not(:disabled){transform:translateY(-1px)}.read-today.done{color:var(--accent-deep);border:1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);cursor:default;background:0 0}.total-time{font-family:var(--font-ui);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.78rem}.log-add{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.log-input{font-family:var(--font-read);border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);border-radius:14px;flex:160px;padding:11px 14px;font-size:1rem}.log-input:focus{outline:2px solid var(--accent)}.log-stars{gap:2px;display:inline-flex}.log-stars .star{color:color-mix(in srgb, var(--ink-soft) 45%, var(--paper-edge));font-size:1.3rem;transition:color .15s,transform .15s}.log-stars .star.on{color:var(--accent-deep)}.log-stars .star:hover{transform:scale(1.15)}.log-go{font-family:var(--font-ui);background:var(--accent);color:var(--paper);border-radius:14px;padding:10px 16px;font-weight:700}.log-list{flex-direction:column;gap:8px;list-style:none;display:flex}.log-item{background:color-mix(in srgb, var(--paper) 75%, transparent);border:1px solid var(--paper-edge);border-radius:14px;align-items:center;gap:10px;padding:11px 14px;display:flex}.log-title{font-family:var(--font-display);flex:1;font-size:1.08rem;font-weight:600}.log-rate{letter-spacing:.04em;font-size:.85rem}.log-rate .on{color:var(--accent-deep)}.log-rate .dim{color:var(--paper-edge)}.log-del{color:var(--ink-soft);opacity:.6;padding:0 4px;font-size:1rem}.log-del:hover{opacity:1}.view-head{text-align:center;padding:40px 0 22px}.today-date{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;font-size:.72rem;font-weight:600}.view-word{font-family:var(--font-script);color:var(--accent-deep);font-size:clamp(3rem,11vw,4.6rem);font-weight:400;line-height:1}.view-title{font-family:var(--font-display);color:var(--ink);font-size:clamp(2rem,8vw,2.8rem);font-weight:600}.view-sub{font-family:var(--font-display);color:var(--ink-soft);margin-top:2px;font-size:clamp(1rem,3.4vw,1.25rem);font-style:italic}.genre-folder{margin-bottom:30px}.folder-head{background:linear-gradient(120deg, var(--wash-top), var(--glow));border:1px solid var(--paper-edge);border-radius:18px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.folder-flower{width:30px;height:36px}.folder-name{font-family:var(--font-display);color:var(--ink);flex:1;font-size:1.3rem;font-weight:600}.folder-count{font-family:var(--font-ui);color:var(--ink-soft);font-size:.85rem;font-weight:700}.status-shelf{margin-bottom:28px}.shelf-name{font-family:var(--font-display);margin-bottom:12px;font-size:1.35rem;font-weight:600}.shelf-count{font-family:var(--font-ui);color:var(--ink-soft);font-size:.8rem}.shelf-empty{font-family:var(--font-display);color:var(--ink-soft);padding:0 0 8px;font-style:italic}.lib-head{text-align:center;padding:46px 0 26px;position:relative}.lib-head .bow-logo{width:64px;height:auto;margin:0 auto 6px;display:block}.lib-head h1{font-family:var(--font-script);color:var(--accent-deep);letter-spacing:.5px;font-size:clamp(3.4rem,12vw,5.5rem);font-weight:400}.lib-head .tagline{font-family:var(--font-display);color:var(--ink-soft);margin-top:-6px;font-size:clamp(1.05rem,3.5vw,1.4rem);font-style:italic}.shelf{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:26px 22px;margin-top:18px;display:grid}.book-card{text-align:left;border:none;flex-direction:column;gap:10px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex}.book-card:hover,.book-card:focus-visible{outline:none;transform:translateY(-7px)rotate(-1deg)}.cover-btn{background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.cover.cover-photo{padding:0}.cover.cover-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-photo-shade{background:linear-gradient(#0000 45%,#140c1ec7);position:absolute;inset:0}.cover-title.on-photo{color:#fff;z-index:1;text-shadow:0 2px 8px #00000080;position:absolute;bottom:16px;left:16px;right:16px}.status-pip{font-family:var(--font-ui);letter-spacing:.03em;color:#fff;border-radius:999px;padding:4px 9px;font-size:.62rem;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px -4px #00000080}.status-pip.s-reading{background:#6f9bd1}.status-pip.s-finished{background:#7cae6a}.status-pip.s-dnf{background:#c98a8a}.bm-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.bm-manage{color:var(--ink-soft);border-radius:10px;flex:none;padding:2px 6px;font-size:1.1rem;line-height:1}.bm-manage:hover{background:var(--paper-edge);color:var(--ink)}.cover{aspect-ratio:3/4.3;background:linear-gradient(165deg, var(--wash-top), var(--glow));box-shadow:var(--shadow-soft);border:1px solid var(--paper-edge);border-radius:16px;flex-direction:column;justify-content:flex-end;padding:18px 16px;display:flex;position:relative;overflow:hidden}.cover .cover-flower{opacity:.92;filter:drop-shadow(0 6px 10px #00000014);width:58%;height:auto;position:absolute;top:12%;left:50%;transform:translate(-50%)}.cover .cover-bow{width:34px;height:auto;position:absolute;top:10px;right:10px;transform:rotate(12deg)}.cover .cover-title{font-family:var(--font-display);color:var(--ink);z-index:1;font-size:1.32rem;font-weight:600;line-height:1.05;position:relative}.cover .cover-author{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);opacity:.72;margin-top:4px;font-size:.72rem}.cover .cover-ribbon{background:var(--accent-deep);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);opacity:.9;width:16px;height:46px;position:absolute;top:0;left:22px}.book-meta{padding:0 2px}.book-meta .bm-mood{font-family:var(--font-ui);color:var(--ink-soft);letter-spacing:.03em;font-size:.72rem}.book-meta .bm-bar{background:var(--paper-edge);border-radius:4px;height:4px;margin-top:5px;overflow:hidden}.book-meta .bm-bar>span{background:var(--accent);border-radius:4px;height:100%;display:block}.reader{min-height:100vh;position:relative}.topbar{z-index:20;padding:calc(10px + env(safe-area-inset-top)) 16px 8px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:color-mix(in srgb, var(--wash-top) 78%, transparent);border-bottom:1px solid var(--paper-edge);flex-direction:column;gap:8px;display:flex;position:sticky;top:0}.topbar .tb-row{align-items:center;gap:8px;display:flex}.tb-progress{align-items:center;gap:10px;padding:0 2px;display:flex}.tb-track{background:var(--paper-edge);border-radius:5px;flex:1;height:5px;overflow:hidden}.tb-track>span{background:linear-gradient(90deg, var(--accent), var(--accent-deep));border-radius:5px;height:100%;transition:width .2s;display:block}.tb-pct{font-family:var(--font-ui);letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap;flex:none;font-size:.7rem;font-weight:600}.topbar .tb-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.15rem;font-weight:600;overflow:hidden}.icon-btn{background:var(--paper);border:1px solid var(--paper-edge);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:1.15rem;transition:transform .2s,background .3s;display:grid}.icon-btn:hover{transform:scale(1.08)}.icon-btn.on{background:var(--accent);color:var(--paper);border-color:var(--accent-deep)}.page{z-index:2;max-width:660px;margin:0 auto;padding:30px 26px 140px;position:relative}.page .chapter-head{text-align:center;margin:28px 0 36px}.page .chapter-flourish{width:46px;height:auto;margin:0 auto 6px;display:block}.page .chapter-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.3rem);font-weight:600;line-height:1.1}.page .chapter-head .ch-num{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.22em;color:var(--ink-soft);margin-bottom:8px;font-size:.7rem;display:block}.page p.para{-webkit-hyphens:auto;hyphens:auto;margin:0 0 1.3em;font-size:1.16rem;line-height:1.92}.page p.para::selection{background:var(--glow);color:var(--ink)}.page p.para ::selection{background:var(--glow);color:var(--ink)}.page p.para:first-of-type:first-letter{font-family:var(--font-display);float:left;color:var(--accent-deep);padding:.06em .1em 0 0;font-size:3.4em;font-weight:600;line-height:.72}mark.hl{background:linear-gradient(180deg, transparent 52%, var(--glow) 52%);color:inherit;border-radius:2px;padding:0 1px}.chapter-nav{justify-content:space-between;gap:12px;margin-top:40px;display:flex}.chapter-nav button{font-family:var(--font-ui);background:var(--paper);border:1px solid var(--paper-edge);color:var(--accent-deep);border-radius:999px;padding:12px 20px;font-size:.92rem;font-weight:600;transition:transform .2s,background .3s}.chapter-nav button:hover:not(:disabled){background:var(--accent);color:var(--paper);transform:translateY(-2px)}.chapter-nav button:disabled{opacity:.4;cursor:default}.hl-pop{z-index:40;background:var(--accent-deep);color:var(--paper);font-family:var(--font-ui);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;animation:.2s pop;display:flex;position:fixed;transform:translate(-50%,-120%);box-shadow:0 10px 24px -8px #0006}.hl-pop svg{width:20px;height:auto}@keyframes pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.8)}}.sheet-scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#281c3c52;justify-content:center;align-items:flex-end;animation:.25s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:linear-gradient(180deg, var(--paper), var(--wash-bottom));width:min(560px,100%);padding:22px 22px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--paper-edge);border-bottom:none;border-radius:28px 28px 0 0;animation:.32s cubic-bezier(.2,.9,.3,1) rise;box-shadow:0 -20px 50px -20px #281c3c66}@keyframes rise{0%{transform:translateY(100%)}}.sheet .grip,.notes-sheet .grip{background:var(--paper-edge);border-radius:3px;width:44px;height:5px;margin:0 auto 16px}.sheet h3{font-family:var(--font-display);text-align:center;margin-bottom:2px;font-size:1.5rem;font-weight:600}.sheet .sub{text-align:center;font-family:var(--font-ui);color:var(--ink-soft);margin-bottom:18px;font-size:.82rem}.mood-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px;display:grid}.mood-chip{background:linear-gradient(160deg, var(--m-top), var(--m-bottom));color:var(--m-ink);border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.mood-chip:hover{transform:translateY(-4px)scale(1.03)}.mood-chip.active{border-color:var(--m-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--m-accent) 30%, transparent)}.mood-chip .m-flower{width:40px;height:46px}.mood-chip .m-label{font-family:var(--font-ui);font-size:.9rem;font-weight:600}.mood-chip .m-whisper{font-family:var(--font-display);opacity:.78;text-align:center;font-size:.74rem;font-style:italic;line-height:1.2}.sound-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.sound-chip{background:color-mix(in srgb, var(--paper) 75%, transparent);border:2px solid var(--paper-edge);border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .3s;display:flex}.sound-chip:hover{transform:translateY(-3px)}.sound-chip.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--paper))}.sound-chip .s-emoji{font-size:1.7rem;line-height:1}.sound-chip .s-label{font-family:var(--font-ui);color:var(--ink);text-align:center;font-size:.82rem;font-weight:600}.rate-block{text-align:center;border-top:1px solid var(--paper-edge);margin-top:24px;padding:26px 16px 8px}.rate-block .rate-bow{width:46px;height:auto;margin:0 auto 4px;display:block}.rate-block .rate-end{font-family:var(--font-script);color:var(--accent-deep);margin-bottom:6px;font-size:1.8rem;line-height:1}.rate-block h3{font-family:var(--font-display);margin-bottom:12px;font-size:1.4rem;font-weight:600}.stars{gap:6px;display:inline-flex}.star{color:var(--paper-edge);font-size:2rem;line-height:1;transition:transform .18s cubic-bezier(.34,1.56,.64,1),color .18s}.star.on{color:var(--accent-deep)}.star:hover{transform:scale(1.2)rotate(-6deg)}.rate-note{font-family:var(--font-ui);color:var(--ink-soft);margin-top:10px;font-size:.78rem}.book-meta .bm-stars{letter-spacing:.06em;color:var(--accent-deep);margin-top:4px;font-size:.82rem;display:block}.book-meta .bm-stars .dim{color:var(--paper-edge)}.sheet.manage h3{margin-bottom:0}.sheet.manage .sub{margin-bottom:16px}.field-label{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 8px;font-size:.72rem;font-weight:700}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg-btn{font-family:var(--font-ui);background:color-mix(in srgb, var(--paper) 70%, transparent);border:1.5px solid var(--paper-edge);color:var(--ink);border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:600;transition:transform .18s,background .25s}.seg-btn:hover{transform:translateY(-1px)}.seg-btn.on{background:var(--accent);border-color:var(--accent-deep);color:var(--paper)}.seg-btn.ghost{color:var(--ink-soft);background:0 0}.stars.small .star{font-size:1.7rem}.mini-genres{gap:10px;display:flex}.mini-genres.wrap{flex-wrap:wrap}.mini-genre{background:linear-gradient(150deg, var(--wash-top), var(--glow));border:2px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:10px;transition:transform .2s;display:flex}.mini-genre:hover{transform:translateY(-2px)}.mini-genre.on{border-color:var(--accent-deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.mini-flower{width:26px;height:30px}.mini-genre.labelled span{font-family:var(--font-ui);color:var(--ink);padding-right:4px;font-size:.82rem;font-weight:600}.sheet-actions{gap:10px;margin-top:22px;display:flex}.big-btn{font-family:var(--font-ui);background:var(--accent);color:var(--paper);border-radius:16px;flex:1;padding:14px;font-size:1rem;font-weight:700;transition:transform .18s,filter .2s}.big-btn:hover:not(:disabled){transform:translateY(-2px)}.big-btn:disabled{opacity:.45;cursor:default}.big-btn.danger{color:#c06464;background:0 0;border:1.5px solid #c0646480;flex:none}.add-form{flex-direction:column;max-width:620px;margin:0 auto;display:flex}.add-input{font-family:var(--font-read);border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);border-radius:14px;margin-bottom:10px;padding:13px 16px;font-size:1.05rem}.add-input:focus,.add-text:focus{outline:2px solid var(--accent)}.add-text{font-family:var(--font-read);border:1px solid var(--paper-edge);background:var(--paper);color:var(--ink);resize:vertical;border-radius:16px;min-height:200px;margin-bottom:16px;padding:14px 16px;font-size:1rem;line-height:1.6}.add-note{font-family:var(--font-ui);color:var(--ink-soft);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:14px;margin-top:16px;padding:12px 14px;font-size:.8rem;line-height:1.5}.notes-sheet{background:linear-gradient(180deg, var(--paper), var(--wash-bottom));width:min(560px,100%);padding:22px 22px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--paper-edge);border-bottom:none;border-radius:28px 28px 0 0;flex-direction:column;max-height:82vh;animation:.32s cubic-bezier(.2,.9,.3,1) rise;display:flex;box-shadow:0 -20px 50px -20px #281c3c66}.notes-sheet h3{font-family:var(--font-display);text-align:center;font-size:1.5rem;font-weight:600}.notes-sheet .sub{text-align:center;font-family:var(--font-ui);color:var(--ink-soft);margin-bottom:14px;font-size:.82rem}.note-compose{gap:8px;margin-bottom:14px;display:flex}.note-compose textarea{resize:none;font-family:var(--font-read);border:1px solid var(--paper-edge);background:color-mix(in srgb, var(--paper) 70%, transparent);color:var(--ink);border-radius:16px;flex:1;min-height:56px;padding:12px 14px;font-size:1rem;line-height:1.5}.note-compose textarea:focus{outline:2px solid var(--accent)}.note-add{background:var(--accent);color:var(--paper);font-weight:700;font-family:var(--font-ui);border-radius:16px;align-self:stretch;padding:0 18px}.note-list{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.note-card{background:color-mix(in srgb, var(--paper) 80%, transparent);border:1px solid var(--paper-edge);border-radius:14px;padding:12px 14px;position:relative}.note-card p{white-space:pre-wrap;font-size:.98rem;line-height:1.5}.note-card .nc-meta{font-family:var(--font-ui);color:var(--ink-soft);margin-top:6px;font-size:.68rem}.note-card.is-hl{border-left:3px solid var(--accent)}.note-card.is-hl p{color:var(--ink-soft);font-style:italic}.note-del{color:var(--ink-soft);opacity:.6;font-size:.9rem;position:absolute;top:8px;right:10px}.note-del:hover{opacity:1}.notes-empty{text-align:center;font-family:var(--font-display);color:var(--ink-soft);padding:30px 10px;font-style:italic}.petal-field{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.petal-field .petal{will-change:transform;width:16px;height:auto;animation:linear infinite drift;position:absolute;top:-30px}@keyframes drift{0%{opacity:0;transform:translateY(-30px)translate(0)rotate(0)}10%{opacity:.8}90%{opacity:.7}to{opacity:0;transform:translateY(105vh)translate(60px)rotate(320deg)}}@media (prefers-reduced-motion:reduce){.petal-field{display:none}*{transition-duration:.2s!important;animation-duration:1ms!important}}@media (width>=920px){.notes-sheet.rail{border-left:1px solid var(--paper-edge);border-top:none;border-radius:0;width:360px;height:100vh;max-height:100vh;padding-top:76px;animation:.3s slideIn;position:fixed;top:0;right:0}@keyframes slideIn{0%{transform:translate(100%)}}}