@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-vietnamese-300-normal-C-vF8s9W.woff2) format("woff2"),url(/assets/barlow-vietnamese-300-normal-C78rbeCN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-latin-ext-300-normal-0BBo-pVS.woff2) format("woff2"),url(/assets/barlow-latin-ext-300-normal-DpgRkAuy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/barlow-latin-300-normal-DTgcxP_Z.woff2) format("woff2"),url(/assets/barlow-latin-300-normal-Sl273xH3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2) format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2) format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2) format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lime: #D4F53C;--lime-hover: #E8FF8F;--lime-soft: rgba(212, 245, 60, .16);--navy: #12142B;--forest: #0C2616;--glass-green: rgba(8, 24, 15, .72);--glass-green-light: rgba(8, 24, 15, .6);--glass-navy: rgba(18, 20, 43, .72);--glass-navy-strong: rgba(18, 20, 43, .92);--edge: rgba(255, 255, 255, .16);--edge-strong: rgba(255, 255, 255, .22);--field: rgba(255, 255, 255, .06);--text: #FFFFFF;--text-soft: #DDEBDD;--text-muted: #B9CBB9;--text-navy-muted: #B9BCD6;--danger: #FF9B85;--font: "Klavika", "Barlow", system-ui, sans-serif;--nav-desktop: 72px;--nav-mobile: 72px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--forest);color:var(--text);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--lime)}a:hover{color:var(--lime-hover)}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.wp{min-height:100dvh;background:url(/wald.jpg) 58% top / auto 100% no-repeat,var(--forest);background-attachment:fixed}@media(min-width:900px){.wp{background:linear-gradient(180deg,#0c261600 45%,#0c26168c),url(/wald.jpg) center top / cover no-repeat,var(--forest);background-attachment:fixed}}.glass{background:var(--glass-green);border:1px solid var(--edge);border-radius:10px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.glass-navy{background:var(--glass-navy);border:1px solid var(--edge);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.title-navy{color:var(--navy);font-weight:300;margin:0;line-height:1}.btn{min-height:44px;padding:0 18px;border-radius:6px;border:none;cursor:pointer;font-size:15px;font-weight:700}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lime{background:var(--lime);color:var(--navy)}.btn-lime:not(:disabled):hover{background:var(--lime-hover)}.btn-ghost{background:var(--field);color:var(--text);border:1px solid var(--edge-strong);font-weight:500}.btn-ghost:not(:disabled):hover{background:#ffffff1f}.link-button{background:none;border:none;padding:0;cursor:pointer;color:var(--lime);text-decoration:underline;font-size:14px;min-height:44px}.link-button:hover{color:var(--lime-hover)}.field-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-soft)}.field{min-height:44px;padding:10px 12px;border-radius:6px;border:1px solid var(--edge-strong);background:var(--field);color:var(--text);font-size:16px}.field:focus{border-color:var(--lime);outline:none}.field-hint{font-size:12px;color:var(--text-muted)}.error{color:var(--danger);font-size:14px;margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth{display:flex;flex-direction:column;align-items:center;padding:64px 16px 32px;min-height:100dvh}.auth-logo{width:min(240px,62vw);height:auto}.auth-sub{font-size:14px;font-weight:500;color:var(--navy);margin-top:10px}.auth-spacer{flex-grow:1;min-height:32px}.auth-card{width:100%;max-width:440px;padding:24px 22px;border-radius:12px;background:var(--glass-green);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 30px 70px #00000059;display:flex;flex-direction:column;gap:18px}.auth-card.is-wide{max-width:640px}.auth-card h1{margin:0;font-weight:300;font-size:28px;text-align:center}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-note{font-size:12px;color:var(--text-soft);text-align:center;margin:0}.auth-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.auth-actions .btn{width:100%}@media(min-width:900px){.auth{padding-top:70px}.auth-logo{width:auto;height:70px}.auth-spacer{flex-grow:0;min-height:0;height:120px}.auth-card{padding:32px 36px}}.pin-keypad,.pin-inputs-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.pin-label{font-size:15px;color:var(--text-soft)}.pin-dots{display:flex;gap:14px}.pin-dot{width:14px;height:14px;border-radius:3px;border:2px solid rgba(255,255,255,.4)}.pin-dot.is-filled{background:var(--lime);border-color:var(--lime)}.pin-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.pin-key{height:58px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:var(--text);font-size:24px;font-weight:300;cursor:pointer}.pin-key:not(:disabled):hover{background:#ffffff29}.pin-key:disabled{opacity:.45;cursor:not-allowed}.pin-key-plain{border:none;background:transparent;display:flex;align-items:center;justify-content:center}.pin-inputs{display:flex;gap:10px}.pin-input{width:44px;height:54px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:var(--field);color:var(--text);font-size:22px;text-align:center;caret-color:transparent}.pin-input.is-filled{border-color:var(--lime);background:#d4f53c1f}.pin-input.is-current{border:2px solid var(--lime)}.pin-input:focus{outline:none}.words{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;counter-reset:w}@media(min-width:600px){.words{grid-template-columns:repeat(3,minmax(0,1fr))}}.words li{counter-increment:w;font-size:16px;padding:6px 8px;border-radius:6px;background:var(--field)}.words li:before{content:counter(w) ". ";color:var(--text-muted);font-size:13px}.check-label{display:flex;gap:10px;align-items:center;font-size:15px;min-height:44px;cursor:pointer}.check-label input{width:20px;height:20px;accent-color:var(--lime)}.warning{font-size:14px;line-height:1.5;color:var(--text-soft);margin:0}.note-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#040a0873;display:flex;align-items:flex-start;justify-content:center;padding:10vh 24px 24px}.note-window{width:min(560px,100%);border-radius:10px;background:#12142be6;border:1px solid var(--edge-strong);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 30px 70px #0006;padding:18px 22px 22px}.note-window .note-heading{color:var(--text)}.note-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;padding:16px}.note-mobile{display:flex;flex-direction:column;gap:14px}.note-mobile .note-body{padding:20px;border-radius:10px;background:var(--glass-green-light);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.note-mobile .note-heading{color:var(--navy)}.note-head{display:flex;align-items:center;justify-content:space-between;min-height:48px}.note-heading{margin:0;font-size:20px;font-weight:500}.note-head-spacer{width:44px}.note-close{width:44px;height:44px;border-radius:8px;border:none;cursor:pointer;background:var(--glass-navy);display:flex;align-items:center;justify-content:center}.note-body{display:flex;flex-direction:column;gap:16px;margin-top:10px}.note-text-input{min-height:150px;resize:vertical;line-height:1.5}.note-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.note-confirm{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 12px;border-radius:8px;background:var(--field)}.note-confirm span{flex-grow:1}.field option:disabled{color:#8a8fa8}select.field{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-color:#12142b99}.shell-desktop{display:flex;min-height:100dvh}.nav-desktop{position:sticky;top:0;height:100dvh;width:var(--nav-desktop);flex-shrink:0;border-width:0 1px 0 0;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0}.nav-signet{width:46px;height:auto;margin:4px 0 18px}.nav-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-btn:hover,.nav-btn.is-active{background:var(--lime-soft)}.shell-content{flex-grow:1;min-width:0;position:relative;padding:24px 28px;display:flex;flex-direction:column;gap:14px}.shell-header{display:flex;align-items:flex-end;justify-content:space-between}.shell-wordmark{height:40px;width:auto;display:block}.shell-main{flex-grow:1;display:flex;flex-direction:column;gap:14px;padding-bottom:96px}.fab{position:fixed;right:32px;bottom:32px;width:56px;height:56px;border-radius:10px;border:none;cursor:pointer;background:var(--lime);color:var(--navy);font-size:30px;font-weight:300;line-height:1;box-shadow:0 8px 24px #a0c81473}.fab:hover{background:var(--lime-hover)}.shell-mobile{min-height:100dvh;display:flex;flex-direction:column}.shell-main-mobile{flex-grow:1;padding:18px 16px calc(var(--nav-mobile) + 24px);display:flex;flex-direction:column;gap:12px}.nav-mobile{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-mobile) + env(safe-area-inset-bottom));padding:0 12px calc(8px + env(safe-area-inset-bottom));border-width:1px 0 0 0;border-radius:0;display:flex;align-items:center;justify-content:space-around;z-index:10}.nav-mobile .nav-btn{width:48px;height:48px}.fab-mobile{width:56px;height:56px;border-radius:10px;border:none;margin-top:-18px;cursor:pointer;background:var(--lime);color:var(--navy);font-size:30px;font-weight:300;line-height:1;box-shadow:0 8px 24px #a0c81473}.nav-count-wrap{position:relative}.nav-count{position:absolute;top:6px;right:2px;min-width:20px;height:18px;padding:0 4px;border-radius:4px;background:var(--lime);color:var(--navy);font-size:11px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}.banner{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 14px;border-radius:8px;font-size:14px}.shell-mobile>.banner{margin:12px 16px 0}.update-prompt{position:fixed;left:50%;transform:translate(-50%);bottom:96px;z-index:30;width:min(440px,calc(100vw - 32px))}.page-title{font-size:34px}@media(min-width:900px){.page-title{font-size:40px}}.note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:760px}.note-card{width:100%;text-align:left;cursor:pointer;color:var(--text);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.note-card:hover{background:#08180fd1}.note-text{font-size:16px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.note-date{font-size:12px;color:var(--text-muted)}.empty-card{padding:22px;max-width:520px;color:var(--text-soft);line-height:1.5}.open-count-chip{font-size:14px;font-weight:500;color:var(--navy)}