.hkn-openbtn{position:relative;display:grid;place-items:center;cursor:pointer;border:none;color:#fff;background:#5b6cff;box-shadow:0 4px 0 #3b49cc;transition:transform .1s ease,filter .1s ease,box-shadow .1s ease}.hkn-openbtn:hover{transform:translateY(-1px);filter:brightness(1.05)}.hkn-openbtn:active{transform:translateY(3px);box-shadow:0 1px 0 #3b49cc}.hkn-openbtn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hkn-openbtn.is-cb{width:42px;height:42px;border-radius:50%}.hkn-openbtn.is-cb svg{width:21px;height:21px}@media (max-width:600px){.hkn-openbtn.is-cb{width:38px;height:38px}}.hkn-openbtn.is-shell{width:40px;height:40px;border-radius:13px}.hkn-openbtn.is-shell svg{width:20px;height:20px}.hkn-openbtn__badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff5d7a;color:#fff;border:2px solid #fff;font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:10px;line-height:1;display:grid;place-items:center}.hkn-overlay{--hkn-paper:#fff9e6;--hkn-paper-edge:#f3e9c2;--hkn-rule:#cfe4f5;--hkn-margin:#f4a8b0;--hkn-ink:var(--hk-brand-ink,#2d2a32);--hkn-soft:var(--hk-ink-soft,#6b6572);--hkn-panel:var(--hk-surface,#ffffff);--hkn-indigo:var(--hk-brand-1,#5b6cff);--hkn-indigo-d:var(--hk-brand-2,#3b49cc);--hkn-stick:#fff3b0;--hkn-stick-ink:#4a3d00;--hkn-mint:var(--hk-c-green,#2bc48a);--hkn-rose:var(--hk-c-coral,#ff6f8a);--hkn-rose-d:#d84f6a;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(30,26,38,.42);backdrop-filter:blur(3px);font-family:var(--hk-font,"Lexend",system-ui,sans-serif);animation:hkn-fade .16s ease}.hkn-overlay.is-dark{--hkn-paper:#33301f;--hkn-paper-edge:#453f26;--hkn-rule:#2e4152;--hkn-margin:#5e3a40;--hkn-ink:#f3efe7;--hkn-soft:#b4adbe;--hkn-panel:#26232e;--hkn-indigo:#8b97ff;--hkn-indigo-d:#5661cc;--hkn-stick:#fbe58a;--hkn-stick-ink:#3d3200}@keyframes hkn-fade{0%{opacity:0}to{opacity:1}}.hkn-pad{width:min(430px,100%);max-height:min(90vh,720px);display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:var(--hkn-paper);background-image:linear-gradient(var(--hkn-rule) 1px,transparent 1px);background-size:100% 30px;background-position:0 84px;border:1px solid var(--hkn-paper-edge);border-radius:16px;box-shadow:0 18px 44px -16px rgba(0,0,0,.5);transform:rotate(-.5deg);animation:hkn-pop .22s cubic-bezier(.2,.9,.3,1.2)}@keyframes hkn-pop{0%{opacity:0;transform:translateY(14px) rotate(-.5deg)}to{opacity:1;transform:translateY(0) rotate(-.5deg)}}.hkn-pad:before{content:"";position:absolute;top:0;bottom:0;left:38px;width:2px;background:var(--hkn-margin);opacity:.7}.hkn-tape{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-2deg);width:118px;height:25px;background:rgba(255,214,120,.5);border:1px dashed rgba(180,140,40,.5);border-radius:3px;z-index:2}.hkn-overlay.is-dark .hkn-tape{background:rgba(255,214,120,.22)}.hkn-close{position:absolute;top:11px;right:11px;z-index:3;width:32px;height:32px;border:none;border-radius:10px;background:transparent;color:var(--hkn-soft);cursor:pointer;display:grid;place-items:center}.hkn-close:hover{background:rgba(0,0,0,.07);color:var(--hkn-ink)}.hkn-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hkn-head{position:relative;z-index:1;padding:15px 18px 2px 50px;display:flex;align-items:center;gap:8px;font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:27px;color:var(--hkn-ink);line-height:1}.hkn-head__ic{color:var(--hkn-indigo);display:inline-flex}.hkn-head__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hkn-attach{position:relative;z-index:1;margin:4px 18px 2px 50px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;font-size:13px;color:var(--hkn-soft)}.hkn-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;background:var(--hkn-panel);border:1px dashed var(--hkn-indigo);color:var(--hkn-indigo);font-size:12.5px}.hkn-chip svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hkn-src{font-weight:600;font-style:italic}.hkn-auto{font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:10.5px;background:var(--hkn-mint);color:#06371f;border-radius:999px;padding:2px 8px}.hkn-notes{flex:1;min-height:110px;overflow-y:auto;position:relative;z-index:1;padding:8px 18px 6px 50px;display:flex;flex-direction:column;gap:10px}.hkn-empty{text-align:center;color:var(--hkn-soft);font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:600;font-size:15px;padding:22px 6px;opacity:.85}.hkn-sticky{position:relative;border-radius:12px;padding:10px 12px 11px;background:var(--hkn-stick);color:var(--hkn-stick-ink);box-shadow:0 6px 16px -9px rgba(0,0,0,.4);animation:hkn-in .18s ease}@keyframes hkn-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.hkn-sticky__meta{font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;opacity:.7;margin-bottom:4px}.hkn-sticky__txt{font-weight:600;font-size:15px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.hkn-sticky__del{position:absolute;top:7px;right:8px;border:none;background:transparent;color:inherit;opacity:.45;cursor:pointer;display:grid;place-items:center;padding:2px}.hkn-sticky__del:hover{opacity:1}.hkn-sticky__del svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hkn-sticky__src{margin-top:8px;display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:12px;color:inherit;text-decoration:none;opacity:.85;border-top:1px dashed;padding-top:6px}.hkn-sticky__src:hover{opacity:1;text-decoration:underline}.hkn-sticky__src svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hkn-voice{display:flex;align-items:center;gap:10px}.hkn-voice__play{flex:none;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:rgba(0,0,0,.12);color:inherit;display:grid;place-items:center}.hkn-voice__play:hover{background:rgba(0,0,0,.22)}.hkn-voice__play svg{width:16px;height:16px}.hkn-voice__play svg.fill{fill:currentColor;stroke:none}.hkn-voice__bar{flex:1;display:flex;align-items:center;gap:3px;height:24px}.hkn-voice__bar i{flex:1;border-radius:2px;background:currentColor;opacity:.5}.hkn-voice__bar i:nth-child(odd){height:55%}.hkn-voice__bar i:nth-child(2n){height:90%}.hkn-voice__bar i:nth-child(3n){height:35%}.hkn-voice__dur{font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:13px;opacity:.85}.hkn-composer{position:relative;z-index:1;padding:8px 18px 14px 50px;border-top:1px dashed var(--hkn-paper-edge);background:linear-gradient(180deg,transparent,rgba(255,255,255,.3))}.hkn-overlay.is-dark .hkn-composer{background:linear-gradient(180deg,transparent,rgba(0,0,0,.16))}.hkn-modes{display:flex;gap:6px;margin-bottom:8px}.hkn-mode{font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:13px;border:1px solid var(--hkn-paper-edge);background:var(--hkn-panel);color:var(--hkn-soft);border-radius:12px;padding:7px 13px;cursor:pointer;transition:all .1s ease}.hkn-mode:hover{color:var(--hkn-ink)}.hkn-mode.active{background:var(--hkn-indigo);color:#fff;border-color:transparent;box-shadow:0 3px 0 var(--hkn-indigo-d)}.hkn-ta{width:100%;min-height:72px;resize:vertical;border:none;border-radius:0;padding:4px 2px;font-family:var(--hk-font,"Lexend",system-ui,sans-serif);font-weight:600;font-size:15px;line-height:1.5;color:var(--hkn-ink);background:transparent}.hkn-ta:focus{outline:none;border-color:transparent}.hkn-ta::-moz-placeholder{color:var(--hkn-soft);font-style:italic}.hkn-ta::placeholder{color:var(--hkn-soft);font-style:italic}.hkn-row{display:flex;align-items:center;gap:8px;margin-top:8px}.hkn-colnote{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--hkn-soft)}.hkn-colnote i{width:15px;height:15px;border-radius:50%;background:var(--hkn-stick);border:1px solid var(--hkn-paper-edge)}.hkn-save{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:14px;border:none;cursor:pointer;background:var(--hkn-indigo);color:#fff;border-radius:14px;padding:9px 18px;box-shadow:0 4px 0 var(--hkn-indigo-d);transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.hkn-save:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.hkn-save:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--hkn-indigo-d)}.hkn-save:disabled{opacity:.5;cursor:default}.hkn-save svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hkn-rec{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px}.hkn-recbtn{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;background:var(--hkn-rose);color:#fff;display:grid;place-items:center;box-shadow:0 5px 0 var(--hkn-rose-d);touch-action:none}.hkn-recbtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--hkn-rose-d)}.hkn-recbtn:disabled{opacity:.6;cursor:default}.hkn-recbtn.rec{animation:hkn-recpulse 1s ease-in-out infinite}@keyframes hkn-recpulse{0%,to{box-shadow:0 5px 0 var(--hkn-rose-d),0 0 0 0 rgba(255,111,138,.5)}50%{box-shadow:0 5px 0 var(--hkn-rose-d),0 0 0 12px rgba(255,111,138,0)}}.hkn-recbtn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hkn-rec__t{font-family:var(--hk-font-display,"Quicksand",sans-serif);font-weight:700;font-size:13px;color:var(--hkn-soft)}.hkn-err{margin-top:8px;padding:8px 12px;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;line-height:1.4}.hkn-overlay.is-dark .hkn-err{background:#3a1f22;border-color:#6e3438;color:#ffb4bc}@media (max-width:520px){.hkn-attach,.hkn-composer,.hkn-head,.hkn-notes{padding-left:44px}.hkn-pad:before{left:32px}}@media (prefers-reduced-motion:reduce){.hkn-overlay,.hkn-pad,.hkn-recbtn.rec,.hkn-sticky{animation:none}}