/* 私藏 · local application styles */
:root{color-scheme:light dark;--bg:light-dark(#f6f4ee,#17231c);--surface:light-dark(#fffdf9,#213027);--surface-2:light-dark(#f1f2e9,#29392e);--ink:light-dark(#2c3e33,#e7eee6);--muted:light-dark(#727e75,#a7b7aa);--line:light-dark(#e4e6db,#3a4a3e);--green:light-dark(#426854,#afd0b5);--on-green:light-dark(#fffdf8,#19281d);--tint:light-dark(#e8f0e5,#304837);--petal:light-dark(#c98da1,#d59bad);--petal-bg:light-dark(#f6e5e9,#4a343e);--warning:light-dark(#8c641e,#e7c68a);--warning-bg:light-dark(#faf0d7,#423927);--danger:light-dark(#a34747,#e5aaa4);--danger-bg:light-dark(#f9e9e6,#49312e);--shadow:light-dark(#3c513415,#00000024);--radius:17px;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit}button{touch-action:manipulation}[hidden]{display:none!important}svg.icon{width:18px;height:18px;display:block;flex:none}button:focus-visible,a:focus-visible{outline:3px solid var(--green,#426854);outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green,#426854);outline-offset:2px}button,svg,input,textarea,select{-webkit-user-select:none}input,textarea,.value-text,.note{user-select:text;-webkit-user-select:text}
#app{--bg:light-dark(#f6f4ee,#17231c);--surface:light-dark(#fffdf9,#213027);--surface-2:light-dark(#f1f2e9,#29392e);--ink:light-dark(#2c3e33,#e7eee6);--muted:light-dark(#727e75,#a7b7aa);--line:light-dark(#e4e6db,#3a4a3e);--green:light-dark(#426854,#afd0b5);--on-green:light-dark(#fffdf8,#19281d);--tint:light-dark(#e8f0e5,#304837);--petal:light-dark(#c98da1,#d59bad);--petal-bg:light-dark(#f6e5e9,#4a343e);--warning:light-dark(#8c641e,#e7c68a);--warning-bg:light-dark(#faf0d7,#423927);--danger:light-dark(#a34747,#e5aaa4);--danger-bg:light-dark(#f9e9e6,#49312e);--shadow:light-dark(#3c513415,#00000024);--radius:17px;background:var(--bg);color:var(--ink);min-height:100vh;font-size:14px;line-height:1.6}
#app[data-palette="rose"],#modal-root[data-palette="rose"],#toast-region[data-palette="rose"]{--green:light-dark(#8d5c70,#e5afc0);--on-green:light-dark(#fffafb,#33232d);--tint:light-dark(#f3e5eb,#48313d);--bg:light-dark(#f8f1ef,#261e22);--surface:light-dark(#fffbf8,#33282e);--surface-2:light-dark(#f6edea,#40313a);--line:light-dark(#eadeda,#52414a);--ink:light-dark(#44343c,#f0e3e8);--muted:light-dark(#826e77,#bfa8b2)}
#app[data-palette="blue"],#modal-root[data-palette="blue"],#toast-region[data-palette="blue"]{--green:light-dark(#486a83,#a9c8dd);--on-green:light-dark(#fafdff,#1d2a35);--tint:light-dark(#e6eef4,#2e4351);--bg:light-dark(#f1f4f6,#1c252d);--surface:light-dark(#fcfdff,#27333d);--surface-2:light-dark(#eaf0f4,#30414d);--line:light-dark(#dce5ec,#40515e);--ink:light-dark(#304451,#e3edf3);--muted:light-dark(#6c7e8a,#a5b6c2)}
#app[data-flowers="off"] .flower,#app[data-flowers="off"] .garden-decoration,#app[data-flowers="off"] .heading-flower,#app[data-flowers="off"] .detail-flower{display:none!important}
.app-header{display:flex;align-items:center;gap:20px;padding:21px 32px;background:var(--surface);border-bottom:1px solid var(--line);min-height:88px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px 15px 21px 21px;background:var(--tint);color:var(--green);flex:none}.brand-mark .icon{width:22px;height:22px}.brand-name{font-size:22px;font-weight:600;letter-spacing:3px}.brand-sub{font-size:12px;color:var(--muted);letter-spacing:0}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap;color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;flex:none}.app-layout{display:grid;grid-template-columns:188px minmax(0,1fr);min-height:calc(100vh - 88px)}.sidebar{padding:26px 14px 21px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px;min-width:0}.nav-label{color:var(--muted);font-size:12px;padding:7px 12px 6px}.nav-button{display:flex;align-items:center;gap:11px;padding:12px;width:100%;background:transparent;border:0;border-radius:14px;text-align:left;min-height:46px;transition:background .15s}.nav-button:hover{background:var(--surface-2)}.nav-button.active{background:var(--tint);color:var(--green);font-weight:600}.nav-count{margin-left:auto;font-size:12px;font-weight:400}.sidebar-bottom{margin-top:auto;padding-top:24px;display:grid;gap:7px}.garden-decoration{color:var(--petal);padding:12px 12px 18px;border-top:1px solid var(--line);margin:16px 6px 0;display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.garden-decoration .icon{width:31px;height:38px}.garden-decoration .icon:first-child{color:var(--green)}.garden-decoration p,.garden-decoration small{width:100%;color:var(--muted);font-size:12px;margin:6px 0 0}.main{padding:30px 32px 38px;min-width:0;max-width:1550px;width:100%;margin:0 auto}.desktop-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.heading-row{display:flex;gap:11px;align-items:center}.heading-row h1,.desktop-head h1{font-size:27px;font-weight:600;letter-spacing:-.5px;margin:0 0 5px}.desktop-head p{margin:0;color:var(--muted);font-size:13px}.heading-flower{display:grid;place-items:center;width:35px;height:35px;border-radius:13px 13px 16px 13px;color:var(--petal);background:var(--petal-bg)}.heading-flower .icon{width:21px;height:21px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 14px;min-height:42px;white-space:nowrap;transition:box-shadow .15s,background .15s;font-size:14px}.button:hover,.icon-button:hover{box-shadow:0 3px 12px var(--shadow)}.button.primary{color:var(--on-green);background:var(--green);border-color:var(--green);box-shadow:0 4px 10px var(--shadow)}.button.flat{background:transparent;border-color:transparent}.button.danger{background:var(--danger-bg);border-color:transparent;color:var(--danger)}.button.small{padding:6px 10px;min-height:34px;font-size:12px;border-radius:10px}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;display:inline-grid;place-items:center;min-width:36px;min-height:36px;padding:7px}.icon-button[aria-pressed="true"]{background:var(--tint);color:var(--green);border-color:var(--tint)}.searchbar{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:14px 17px;color:var(--muted);margin-bottom:17px}.searchbar:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--tint)}.searchbar input{width:100%;min-width:0;border:0;background:transparent;outline:none;color:var(--ink);font-size:14px}.searchbar input::placeholder{color:var(--muted)}.notice{display:flex;align-items:center;gap:12px;background:var(--warning-bg);color:var(--warning);border:0;text-align:left;border-radius:16px;padding:12px 15px;width:100%;min-height:53px;margin:0 0 22px;overflow:hidden}.notice:hover{box-shadow:0 3px 10px var(--shadow)}.notice-icon{display:grid;place-items:center;background:light-dark(#fff8e8,#51452e);width:30px;height:30px;border-radius:50%;flex:none}.notice-label{font-size:12px;font-weight:600;flex:none}.notice-text{display:block;min-width:0;flex:1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice.moving .notice-text{will-change:transform}.workspace{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(330px,1.35fr);gap:20px;align-items:start}.record-list,.detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.list-head{display:flex;align-items:center;gap:8px;padding:15px 17px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.record-button{display:flex;align-items:flex-start;gap:11px;width:100%;padding:17px 15px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);min-width:0}.record-button:last-child{border-bottom:0}.record-button:hover{background:var(--surface-2)}.record-button.active{background:var(--tint);box-shadow:inset 3px 0 var(--green)}.record-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;background:var(--surface-2);color:var(--muted)}.record-button.active .record-icon{background:var(--surface);color:var(--green)}.record-text{display:block;min-width:0;flex:1}.record-title{display:block;font-weight:600;overflow-wrap:anywhere}.record-meta{display:block;font-size:12px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.detail{padding:25px;position:relative;box-shadow:0 6px 24px var(--shadow)}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:20px;position:relative}.detail-title{font-size:22px;font-weight:600;margin:0 0 5px;overflow-wrap:anywhere}.detail-purpose{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.detail-flower{position:absolute;right:17px;top:21px;color:var(--petal);opacity:.5;pointer-events:none;width:31px;height:34px;transform:rotate(18deg)}.detail-flower .icon{width:31px;height:34px}.detail:has(.detail-flower) .detail-head{padding-right:25px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 23px}.tag{padding:4px 9px;background:var(--surface-2);border-radius:8px;font-size:12px;color:var(--muted)}.field{margin-bottom:19px;min-width:0}.field-label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.field-value{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:12px;background:var(--bg);min-width:0;min-height:54px}.value-text{display:block;flex:1;min-width:0;overflow-wrap:anywhere}.field-actions{display:flex;gap:7px;flex:none;align-items:center}.field-value .button,.field-value .icon-button{background:var(--surface)}.note{white-space:pre-wrap;padding:13px;border-radius:12px;background:var(--bg);overflow-wrap:anywhere;min-height:58px}.detail-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.empty-state{padding:44px 20px;text-align:center;color:var(--muted)}.empty-state .icon{width:36px;height:36px;margin:0 auto 13px;opacity:.7}.empty-state h2{color:var(--ink);font-size:20px;margin:0 0 7px}.empty-state p{margin:0 0 18px}.mobile-home,.mobile-controls,.mobile-detail,.mobile-only{display:none}.desktop-only{display:initial}.flower{color:var(--petal);pointer-events:none}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:38px 20px;background:radial-gradient(ellipse at 15% 20%,var(--tint),transparent 48%),radial-gradient(ellipse at 90% 85%,var(--petal-bg),transparent 42%),var(--bg)}.auth-card{width:min(100%,445px);padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:0 12px 50px var(--shadow)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.auth-brand .brand-mark{width:50px;height:50px}.auth-card h1{margin:0 0 9px;font-size:24px;font-weight:600}.auth-card>p{font-size:13px;color:var(--muted);margin:0 0 24px}.auth-form{display:grid;gap:17px}.auth-form .button.primary{width:100%;margin-top:3px}.input{display:block;width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:11px 13px;min-height:43px}.input::placeholder{color:var(--muted)}textarea.input{resize:vertical;min-height:94px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-label{display:block;font-size:13px;margin-bottom:7px;color:var(--muted)}.form-hint{font-size:12px;color:var(--muted);margin-top:6px}.form-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:25px}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:light-dark(#18251a55,#00000088);display:grid;place-items:center;padding:25px;backdrop-filter:blur(4px);overflow:auto}.dialog{width:min(100%,630px);max-height:calc(100dvh - 50px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:23px;box-shadow:0 18px 70px light-dark(#24392528,#00000060)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 25px 17px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:21px;font-weight:600;margin:0}.dialog-body{padding:24px 25px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding:16px 25px 23px;border-top:1px solid var(--line)}.dialog-body .form-actions{margin-top:22px}.toast-region{position:fixed;right:24px;bottom:24px;z-index:200;display:grid;gap:9px;width:min(380px,calc(100vw - 48px));pointer-events:none}.toast{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--green);box-shadow:0 6px 26px var(--shadow);border-radius:13px;padding:13px 16px;font-size:13px;overflow-wrap:anywhere;pointer-events:auto}.error-message{color:var(--danger);background:var(--danger-bg);border-radius:11px;padding:11px 13px;font-size:13px;margin:10px 0}.banner{background:var(--tint);color:var(--green);padding:12px 15px;border-radius:12px;margin-bottom:16px;font-size:13px}.security-note{display:flex;align-items:flex-start;gap:9px;border-radius:12px;padding:13px;background:var(--bg);font-size:12px;color:var(--muted);margin-top:19px}.security-note .icon{color:var(--green)}.settings-group{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:19px}.settings-group:last-child{border:0;margin-bottom:0}.settings-group h3{margin:0 0 12px;font-size:14px;font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:11px 0}.setting-row select{max-width:210px}.radio-row,.checkbox-row{display:flex;gap:9px;align-items:flex-start;min-height:32px;padding:5px 0;font-size:13px}.radio-row input,.checkbox-row input{accent-color:var(--green);width:17px;height:17px;margin-top:3px;flex:none}.paste-area{display:grid;gap:12px}.paste-area textarea{min-height:185px}.import-summary{background:var(--bg);border-radius:13px;padding:15px;display:grid;gap:8px;font-size:13px}.import-summary strong{font-weight:600}.import-summary p{margin:0}.import-summary ul{margin:0;padding-left:20px}.back-button{display:inline-flex;gap:8px;align-items:center;background:transparent;border:0;padding:6px 0;min-height:40px;margin-bottom:18px;color:var(--green)}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(310px,.8fr) minmax(480px,1.4fr)}.main{padding:35px 45px}.detail{padding:30px}}
@media(max-width:1050px){.app-layout{grid-template-columns:165px minmax(0,1fr)}.app-header{padding:19px 24px}.main{padding:25px 24px}.workspace{grid-template-columns:minmax(185px,.8fr) minmax(285px,1.3fr);gap:16px}.sidebar{padding:23px 12px}.nav-button{gap:9px;padding:11px}.detail{padding:21px}.field-value{gap:7px;padding:10px}.field-value .button.small{padding:6px 8px}.desktop-head .toolbar{gap:7px}.button{padding:9px 12px}.heading-row h1{font-size:25px}.record-button{padding:16px 12px;gap:9px}.record-icon{width:33px;height:33px}}
@media(min-width:701px) and (max-width:880px){.app-layout{grid-template-columns:148px minmax(0,1fr)}.sidebar{padding:20px 9px}.nav-button{font-size:13px;padding:11px 9px}.main{padding:23px 18px}.workspace{grid-template-columns:minmax(150px,.75fr) minmax(255px,1.25fr);gap:12px}.record-button{gap:8px;padding:14px 10px}.record-icon{width:28px;height:30px}.record-title{font-size:13px}.record-meta{font-size:11px}.detail{padding:18px}.detail-title{font-size:20px}.field-value{flex-wrap:wrap}.field-value .value-text{flex-basis:100%}.field-actions{margin-left:auto}.desktop-head{align-items:flex-start;gap:12px}.desktop-head .toolbar{width:100%;justify-content:flex-end}.garden-decoration{padding-left:4px;padding-right:4px}}
@media(max-width:700px){#app{font-size:14px}.app-header{padding:19px 20px;gap:10px;min-height:86px}.brand-name{font-size:22px}.brand-sub{font-size:12px}.brand-mark{width:42px;height:42px}.header-actions{gap:7px}.header-actions>.status-dot,.header-actions>span:has(.status-dot){display:none}.header-actions .button{padding:9px}.header-actions .button span{display:none}.app-layout{display:block;min-height:calc(100vh - 86px)}.sidebar,.desktop-head,.desktop-only,.workspace{display:none!important}.main{padding:24px 0 28px;max-width:none}.mobile-only{display:initial}.mobile-home{display:block}.mobile-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;margin-bottom:20px}.mobile-title-row h1{font-size:28px;font-weight:600;margin:0;letter-spacing:-.5px}.mobile-title-row span,.mobile-title-row small{font-size:12px;color:var(--muted)}.mobile-home>.searchbar,.main>.searchbar{margin:0 24px 18px;padding:14px 15px;border-radius:17px}.searchbar input{font-size:16px}.mobile-deck{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;padding:18px 24px 24px;touch-action:pan-x pan-y;align-items:stretch;-webkit-overflow-scrolling:touch}.mobile-deck::-webkit-scrollbar{display:none}.mobile-cover{flex:0 0 min(300px,calc(100vw - 76px));width:min(300px,calc(100vw - 76px));min-width:0;min-height:285px;border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--ink);padding:25px 23px;text-align:left;scroll-snap-align:start;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 24px var(--shadow)}.mobile-cover.current{background:var(--tint);border-color:light-dark(#cbdccb,#49654f)}.cover-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:26px;color:var(--muted);font-size:12px}.cover-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:var(--surface);color:var(--green)}.cover-icon .icon{width:23px;height:23px}.cover-name{font-size:25px;font-weight:600;letter-spacing:-.4px;margin:0 0 4px;overflow-wrap:anywhere}.cover-domain{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.cover-purpose{font-size:13px;color:var(--muted);margin:17px 0 24px;overflow-wrap:anywhere}.cover-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:auto;color:var(--green);font-size:12px}.mobile-cover>.flower{position:absolute;right:22px;top:29px;opacity:.35;width:30px;height:35px}.mobile-cover>.flower .icon{width:30px;height:35px}.mobile-controls{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px;padding:0 24px 16px}.mobile-controls button{display:none!important}.mobile-controls .icon{display:none}.mobile-home>.notice,.main>.notice{width:calc(100% - 48px);margin:12px 24px 0}.notice{border-radius:16px;min-height:55px;padding:12px 14px;gap:10px}.notice-label{display:none}.notice-text{font-size:12px}.mobile-detail{display:block;padding:0 24px}.mobile-detail .detail{border-radius:21px;padding:23px 20px}.mobile-detail .detail-head{padding-right:18px}.detail-title{font-size:22px}.detail-purpose{font-size:13px}.field{margin-bottom:20px}.field-value{padding:11px;gap:7px;min-height:59px}.field-actions{gap:6px}.field-value .button.small{min-height:40px;padding:7px 9px}.field-value .icon-button{min-width:40px;min-height:40px}.value-text{font-size:14px}.detail-footer{align-items:flex-start}.auth-screen{padding:25px 20px}.auth-card{padding:28px 23px}.dialog-backdrop{padding:16px;align-items:center}.dialog{max-height:calc(100dvh - 32px);border-radius:21px}.dialog-head{padding:21px 20px 15px}.dialog-body{padding:21px 20px}.dialog-actions{padding:16px 20px 21px}.form-grid{grid-template-columns:1fr;gap:16px}.form-grid .full{grid-column:auto}.input{font-size:16px;min-height:46px}.setting-row{align-items:flex-start;flex-wrap:wrap;gap:8px}.setting-row select{max-width:none}.toast-region{bottom:18px;right:18px;width:calc(100vw - 36px)}.garden-decoration{display:none}}
@media(max-width:380px){.app-header{padding:17px}.brand-sub{font-size:11px}.header-actions{gap:5px}.header-actions .icon-button{min-width:38px;min-height:38px}.mobile-title-row{padding:0 20px}.mobile-home>.searchbar,.main>.searchbar{margin-left:20px;margin-right:20px}.mobile-cover{padding:23px 21px;min-height:280px}.cover-name{font-size:23px}.mobile-detail{padding:0 18px}.mobile-detail .detail{padding:20px 16px}.field-value{flex-wrap:wrap}.field-value .value-text{flex-basis:100%}.field-actions{margin-left:auto}.mobile-home>.notice,.main>.notice{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.detail-footer>.toolbar{width:100%;justify-content:flex-end}.brand-name{font-size:20px}.header-actions>span{display:none}}
@media(pointer:coarse){.button,.button.small,.icon-button,.nav-button,.back-button{min-height:44px}.icon-button{min-width:44px}.field-value .button.small,.field-value .icon-button{min-height:44px}.field-value .icon-button{min-width:44px}.radio-row,.checkbox-row{min-height:44px;align-items:center}.radio-row input,.checkbox-row input{margin-top:0}.input,.searchbar input{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.notice-text{transform:none!important}.notice.moving .notice-text{will-change:auto}}
@media print{.sidebar,.header-actions,.toolbar,.notice,.toast-region,.dialog-backdrop,.button,.icon-button{display:none!important}.app-layout,.workspace{display:block}.main{padding:0}.detail{box-shadow:none}.app-header{padding:10px 0}.record-list{display:none}}

/* Runtime integration: sibling dialogs and transform-driven mobile deck. */
#modal-root,#toast-region{font-size:14px;line-height:1.6;color:var(--ink)}
.auth-brand h1{margin:0;font-size:25px;letter-spacing:2px}.auth-brand p{font-size:12px;color:var(--muted);margin:3px 0 0}.auth-card h2{font-size:22px;margin:0 0 9px;font-weight:600}.auth-form{margin-top:22px}.auth-card>.button.flat{margin-top:12px}.auth-card>.form-hint:last-child{margin-top:20px}
.detail-purpose{margin:0}.cover-footer>span:last-child{display:inline-flex;align-items:center;gap:4px}.form-label>.input{margin-top:7px}.form-label.full{margin-bottom:0}.dialog-body .dialog-actions{margin:22px -25px -24px;padding-top:18px}.dialog-body .dialog-actions+.form-label{margin-top:20px}.settings-group>.button{margin:5px 5px 5px 0}.settings-group input[type="range"]{accent-color:var(--green);padding:7px}.settings-group input[type="range"]:focus-visible{outline-offset:2px}.paste-area.input{display:block;min-height:200px}.toast{display:flex;gap:10px;align-items:flex-start}.toast>.icon{color:var(--green);margin-top:2px}.toast>span{min-width:0;overflow-wrap:anywhere}.banner{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.banner>span{flex:1;min-width:160px}.banner>.icon{margin-top:2px}.banner>.button{margin-left:auto}
[data-reminder-slot]:empty{display:none}[data-reminder-slot]>.notice{margin-bottom:22px}.notice.moving .notice-text{animation:vault-reminder-enter .38s ease-out both}.notice:hover .notice-text,.notice:focus .notice-text{animation-play-state:paused}@keyframes vault-reminder-enter{from{transform:translateY(130%)}to{transform:translateY(0)}}
@media(max-width:700px){
  .mobile-controls{display:flex;padding:0 24px 18px;gap:9px}.mobile-controls .input{flex:1;width:auto;min-width:0;min-height:44px;padding:9px 12px;font-size:14px}.mobile-controls button{display:inline-grid!important;min-width:44px;min-height:44px}.mobile-controls button .icon{display:block}.mobile-controls>.icon{display:none}
  .mobile-deck{display:block;position:relative;height:322px;overflow:hidden;scroll-snap-type:none;scroll-padding:0;padding:0;gap:0;touch-action:pan-y;overscroll-behavior-x:auto;--drag:0px}
  .mobile-cover{position:absolute;top:12px;left:50%;width:min(300px,calc(100vw - 64px));height:285px;min-height:0;padding:24px 23px;flex:none;scroll-snap-align:none;transform:translateX(calc(-50% + var(--offset,0px) + var(--drag,0px))) scale(var(--scale,1));transition:transform .28s ease,background .2s ease,border-color .2s ease;transform-origin:center center;z-index:1;will-change:transform}
  .mobile-cover.current{z-index:2;border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.mobile-deck.dragging .mobile-cover{transition:none}.mobile-cover .detail-flower{top:28px;right:22px;width:25px;height:30px;opacity:.28;transform:rotate(15deg)}.mobile-cover .detail-flower .icon{width:25px;height:30px}.cover-top{margin-bottom:23px}.cover-purpose{margin-bottom:19px}.mobile-cover .tag{background:transparent;padding-right:0}.mobile-cover .cover-top:has(+.cover-name){padding-right:33px}.mobile-home[data-mobile-content]>.form-hint{text-align:center;padding:0 24px;margin:0 0 8px;font-size:12px}
  [data-reminder-slot]{padding:0 24px;margin:0 0 8px}[data-reminder-slot]>.notice{width:100%;margin:0 0 12px}
  [data-mobile-detail]{display:none;padding:0 24px}[data-mobile-detail]:empty{display:none!important}#app.mobile-detail-open .mobile-home,#app.mobile-detail-open .main>.searchbar,#app.mobile-detail-open [data-reminder-slot]{display:none!important}#app.mobile-detail-open [data-mobile-detail]:not(:empty){display:block}.mobile-detail .detail>.back-button{margin:0 0 18px;padding:0;justify-content:flex-start}.mobile-detail .detail-head{margin-top:0}.mobile-detail .detail-flower{top:70px}.mobile-detail .detail:has(.detail-flower) .detail-head{padding-right:25px}
  .dialog-body .dialog-actions{margin-left:-20px;margin-right:-20px;margin-bottom:-21px}.auth-card h2{font-size:21px}
}
@media(max-width:380px){.mobile-controls{padding-left:20px;padding-right:20px}[data-reminder-slot]{padding-left:20px;padding-right:20px}[data-mobile-detail]{padding-left:18px;padding-right:18px}.mobile-cover{padding:23px 21px}.mobile-home[data-mobile-content]>.form-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.notice.moving .notice-text{animation:none!important;transform:none!important}.mobile-cover{transition:none!important;will-change:auto}}
