:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--mint-900: #123c36;--mint-700: #087b69;--mint-500: #10b894;--mint-100: #def8ef;--mint-50: #f2fffb;--coral-600: #ff6b5f;--coral-100: #ffe7e3;--lemon-500: #ffc857;--lemon-100: #fff4c7;--ink: #17231f;--muted: #687773;--line: #cfe2dc;--surface: #ffffff;background:#f7fffc;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:repeating-linear-gradient(135deg,rgba(255,200,87,.08) 0 1px,transparent 1px 18px),linear-gradient(90deg,rgba(16,184,148,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(16,184,148,.06) 1px,transparent 1px),#f7fffc;background-size:100% 100%,42px 42px,42px 42px}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.app-shell{position:relative;display:grid;grid-template-columns:244px 1fr;align-items:start;min-height:100vh}.skyline{position:fixed;top:72px;left:42%;z-index:0;display:flex;align-items:center;gap:8px;color:var(--mint-500);pointer-events:none}.skyline span{display:block;width:min(34vw,420px);height:34px;border-top:2px dashed rgba(16,184,148,.34);border-radius:50%;animation:trail-drift 8s ease-in-out infinite}.skyline svg{color:var(--coral-600);animation:plane-bob 3.2s ease-in-out infinite}.micro-surprise{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none}.micro-surprise span{position:absolute;top:var(--origin-y, 44%);left:var(--origin-x, calc(244px + (100vw - 244px)/2) );display:grid;width:28px;height:28px;place-items:center;color:var(--mint-900);border:1px solid rgba(16,184,148,.24);border-radius:8px;background:#fffffff0;box-shadow:0 14px 30px #087b6921;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:13px;font-weight:800;opacity:0;transform:translate(-50%,-50%) scale(.5);animation:particle-pop 1.15s cubic-bezier(.19,1,.22,1) var(--delay) forwards}.micro-surprise.copy span{background:#fff4c7f5}.micro-surprise.note span{background:#ffe8f0f5}.sidebar{position:sticky;top:0;z-index:1;display:flex;flex-direction:column;gap:22px;height:100dvh;max-height:100dvh;overflow:hidden;padding:28px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#def8efcc,#ffffffeb),#fafcfbe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;color:#fffdf4;border-radius:8px;background:linear-gradient(135deg,var(--mint-700),var(--mint-500));box-shadow:0 12px 24px #087b6938;animation:happy-tilt 6s ease-in-out infinite}.brand strong,.brand span{display:block}.brand strong{color:var(--ink);font-size:16px;line-height:1.2}.brand span{margin-top:3px;color:var(--muted);font-size:12px}.tool-nav{display:grid;gap:8px}.tool-nav button{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;color:#4e625d;border-radius:8px;background:transparent;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.tool-nav button.active,.tool-nav button:hover{color:var(--mint-900);background:#e4faf3;box-shadow:0 10px 20px #10b8941f;transform:translate(2px)}.tool-nav button.active svg{color:var(--coral-600);animation:tiny-pop .7s ease}.sidebar-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:10px 12px;color:#55635f;border:1px solid var(--line);border-radius:8px;background:#fff}.sidebar-card svg{color:var(--mint-500)}.sidebar-card span{font-size:12px}.sidebar-card strong{color:var(--ink);font-size:18px;line-height:1}.workspace{position:relative;z-index:1;min-width:0;padding:28px}.topbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,380px) auto;align-items:center;gap:16px;max-width:1160px;margin:0 auto 20px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.1;letter-spacing:0}.topbar p{margin-top:8px;color:var(--muted);font-size:14px}.hello-line{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--mint-900);font-size:14px;font-weight:800}.hello-line svg,.title-spark{color:var(--lemon-500);animation:sparkle-dance 2.8s ease-in-out infinite}.search-field,.privacy-chip,.time-chip{display:flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff}.search-field{padding:0 12px;color:#74807d;box-shadow:0 10px 30px #12231f0a}.search-field input{width:100%;min-width:0;color:var(--ink);border:0;outline:0;background:transparent;font-size:14px}.privacy-chip,.time-chip{justify-content:center;padding:0 12px;color:#34544e;font-size:13px;white-space:nowrap}.privacy-chip svg{color:var(--mint-700)}.tool-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:20px;max-width:1160px;margin:0 auto}.panel{position:relative;min-width:0;overflow:hidden;scroll-margin-top:24px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:0 20px 60px #19292614;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel:before{position:absolute;top:0;left:0;width:100%;height:4px;content:"";background:linear-gradient(90deg,var(--mint-500),var(--lemon-500),var(--coral-600))}.panel:hover{border-color:#a8e4d7;box-shadow:0 24px 68px #087b6921;transform:translateY(-2px)}.password-panel,.notes-panel,.telegram-panel{padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-label{display:block;margin-bottom:5px;color:var(--mint-700);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h2{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:24px;line-height:1.15;letter-spacing:0}h2 svg{color:var(--mint-700)}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;flex:0 0 auto;color:#36504b;border:1px solid var(--line);border-radius:8px;background:#fff;transition:border-color .16s ease,color .16s ease,transform .16s ease}.icon-button:hover{color:var(--mint-700);border-color:#a8cbc2;transform:translateY(-2px) rotate(-3deg)}.icon-button.small{width:34px;height:34px}.icon-button.danger:hover{color:var(--coral-600);border-color:#ffc2bc}.password-display{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border:1px solid #b8ddd3;border-radius:8px;background:linear-gradient(90deg,rgba(255,244,199,.55),transparent 52%),#f8fffc}.cipher-orbit{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cipher-orbit span{position:absolute;top:50%;left:18px;color:#087b6938;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:13px;font-weight:800;opacity:0;animation:cipher-stream 3.8s linear var(--orbit-delay) infinite}.password-display output{position:relative;z-index:1;align-self:center;min-width:0;overflow-wrap:anywhere;color:#102421;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:24px;line-height:1.28}.password-display .copy-button{position:relative;z-index:1}.copy-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:8px;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.copy-button{color:#f8fffc;background:linear-gradient(135deg,var(--mint-700),var(--mint-500));box-shadow:0 12px 22px #10b8942e}.copy-button.copied{background:linear-gradient(135deg,#ff8a5f,var(--coral-600));animation:tiny-pop .45s ease}.copy-button.compact{min-height:36px;padding:0 11px;font-size:13px}.meter-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:18px 0 22px;color:#5e6d69;font-size:13px}.meter{height:8px;overflow:hidden;border-radius:999px;background:#e6f4ef}.meter-fill{display:block;height:100%;border-radius:inherit;transition:width .22s ease}.meter-fill.excellent,.meter-fill.strong{background:linear-gradient(90deg,var(--mint-500),var(--lemon-500))}.meter-fill.medium{background:var(--lemon-500)}.meter-fill.weak{background:var(--coral-600)}.length-control{display:grid;grid-template-columns:auto 1fr 72px;align-items:center;gap:12px;margin-bottom:12px}.length-control label{color:#55635f;font-size:14px;font-weight:700}.length-control input[type=range]{width:100%;min-width:0;height:18px;appearance:none;accent-color:var(--mint-500);background:transparent}.length-control input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:#d9eee8}.length-control input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6.5px;appearance:none;border:3px solid #ffffff;border-radius:50%;background:var(--mint-500);box-shadow:0 4px 12px #087b6947}.length-control input[type=range]::-moz-range-track{height:7px;border-radius:999px;background:#d9eee8}.length-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid #ffffff;border-radius:50%;background:var(--mint-500);box-shadow:0 4px 12px #087b6947}.length-input{width:72px;min-height:40px;padding:0 8px;color:var(--ink);border:1px solid #c8ddd7;border-radius:8px;background:#fff;text-align:center}.group-title{margin:0 0 10px;color:#55635f;font-size:13px;font-weight:700}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 12px;color:#4c5d58;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.toggle:hover{border-color:#a8e4d7;transform:translateY(-1px)}.toggle i{width:22px;height:12px;border-radius:999px;background:#cad7d3;box-shadow:inset 0 0 0 4px #fff}.toggle.active{color:var(--mint-900);border-color:#a7cbc2;background:#ecfff8}.toggle.active i{background:var(--mint-500)}.toggle:active,.copy-button:active,.primary-button:active,.icon-button:active{transform:scale(.98)}.password-panel .password-display{margin-top:22px}.exclude-field{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;margin-top:14px}.exclude-field span{color:#55635f;font-size:13px;font-weight:700}.exclude-field input{min-width:0;height:40px;padding:0 12px;color:var(--ink);border:1px solid #c8ddd7;border-radius:8px;outline:0;background:#fff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace}.exclude-field input:focus{border-color:#80b9ad;box-shadow:0 0 0 3px #10b89424}.joy-burst{position:absolute;top:-12px;right:72px;display:grid;width:34px;height:34px;place-items:center;color:var(--coral-600);border-radius:50%;background:var(--lemon-100);opacity:0;transform:translateY(8px) scale(.6);pointer-events:none}.joy-burst.show{animation:burst-up 1.2s ease forwards}.password-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.password-stats div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.password-stats span,.notes-header span{display:block;color:#71807c;font-size:12px}.password-stats strong{display:block;margin-top:6px;color:var(--ink);font-size:18px}.note-form{display:grid;gap:10px}.note-form input,.note-form textarea{width:100%;color:var(--ink);border:1px solid #c8ddd7;border-radius:8px;outline:0;background:#fbfffe;transition:border-color .16s ease,box-shadow .16s ease}.note-form input{height:44px;padding:0 12px;font-weight:700}.note-form textarea{min-height:118px;padding:12px;resize:vertical;line-height:1.55}.note-form input:focus,.note-form textarea:focus,.search-field:focus-within{border-color:#80b9ad;box-shadow:0 0 0 3px #10b89424}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag-row,.note-tags{display:flex;flex-wrap:wrap;gap:7px}.tag{min-height:32px;padding:0 11px;color:#52625e;border:1px solid #d6e0dd;border-radius:999px;background:#fff;font-size:13px}.tag.active,.note-tags span{color:var(--mint-900);border-color:#b8d8d0;background:#ecfff8}.primary-button{color:#122421;background:linear-gradient(135deg,var(--lemon-500),#ffb14f);box-shadow:0 12px 22px #ffc8573d}.primary-button:hover{box-shadow:0 16px 30px #ffc8574d;transform:translateY(-1px)}.primary-button.saved{color:#fff;background:linear-gradient(135deg,var(--mint-700),var(--mint-500));animation:tiny-pop .45s ease}.notes-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.notes-header strong{color:var(--mint-700);font-size:15px}.note-list{display:grid;gap:10px;max-height:354px;overflow:auto;padding-right:4px}.note-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid #dde5e2;border-radius:8px;background:#fff}.note-row.pinned{border-color:#b8d8d0;background:linear-gradient(90deg,rgba(255,244,199,.65),transparent 60%),#f2fffb}.note-main{min-width:0}.note-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.note-title-row h3{overflow:hidden;color:var(--ink);font-size:15px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.note-title-row span{flex:0 0 auto;color:#85918e;font-size:12px}.note-row p{display:-webkit-box;margin-top:6px;overflow:hidden;color:#52625e;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-tags{margin-top:9px}.note-tags span{padding:3px 8px;border:1px solid #b8d8d0;border-radius:999px;font-size:12px}.note-actions{display:grid;align-content:start;gap:8px}.telegram-panel{grid-column:1 / -1;border-color:#d5d8ff;background:linear-gradient(105deg,#ecfff8d6,#fffffff5 45%),#fff}.telegram-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.token-field{display:grid;gap:8px}.token-field span{color:#55635f;font-size:13px;font-weight:700}.token-field input{width:100%;min-width:0;height:44px;padding:0 12px;color:var(--ink);border:1px solid #c8ddd7;border-radius:8px;outline:0;background:#fbfcfc;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace}.token-field input:focus{border-color:#80b9ad;box-shadow:0 0 0 3px #10b89424}.telegram-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.telegram-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid #dde5e2;border-radius:8px;background:#fff}.telegram-row h3{overflow:hidden;color:var(--ink);font-size:15px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.telegram-row p{margin-top:4px;color:#71807c;font-size:12px}.telegram-row code{padding:7px 9px;color:var(--mint-900);border:1px solid #d6e0dd;border-radius:8px;background:#f8fbfa;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace;font-size:13px}@keyframes plane-bob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-7px) rotate(5deg)}}@keyframes trail-drift{0%,to{transform:translate(0) rotate(4deg)}50%{transform:translate(18px) rotate(2deg)}}@keyframes happy-tilt{0%,to{transform:rotate(0)}45%{transform:rotate(-4deg)}55%{transform:rotate(3deg)}}@keyframes tiny-pop{0%{transform:scale(.96)}55%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes sparkle-dance{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-4px) rotate(16deg) scale(1.1)}}@keyframes particle-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(0)}18%{opacity:1}70%{opacity:.95}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.88) rotate(var(--spin))}}@keyframes cipher-stream{0%{opacity:0;transform:translate(0) translateY(-50%) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(360px) translateY(-50%) rotate(22deg)}}@keyframes burst-up{0%{opacity:0;transform:translateY(8px) scale(.6) rotate(-12deg)}18%{opacity:1}55%{opacity:1;transform:translateY(-12px) scale(1.08) rotate(10deg)}to{opacity:0;transform:translateY(-22px) scale(.8) rotate(20deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1060px){.app-shell{grid-template-columns:1fr}.skyline{display:none}.sidebar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;height:auto;max-height:none;overflow:visible;padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.tool-nav{display:flex;justify-content:flex-end}.sidebar-card{display:none}.topbar,.tool-grid,.telegram-list{grid-template-columns:1fr}.privacy-chip{justify-self:start}.micro-surprise span{left:var(--origin-x, 50%)}}@media(max-width:640px){h1{font-size:28px}.workspace{padding:18px}.sidebar{grid-template-columns:1fr}.tool-nav{justify-content:start;overflow-x:auto}.tool-nav button{flex:0 0 auto}.password-panel,.notes-panel,.telegram-panel{padding:16px}.panel{scroll-margin-top:160px}.password-display,.length-control,.form-footer,.telegram-form,.telegram-row,.note-row,.note-title-row{grid-template-columns:1fr}.password-display{align-items:stretch}.copy-button,.primary-button,.length-input{width:100%}.toggle-grid,.exclude-field,.password-stats{grid-template-columns:1fr}.note-actions{grid-template-columns:repeat(2,34px)}}