:root{color:#26352f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#8b928e;--line:#e8ebe5;--green:#446b55;--green-dark:#345541;--soft:#f1f4ee;background:#fcfcfa;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Noto Sans JP,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:wait}input,select{min-width:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #537f63}svg{flex-shrink:0}h1,h2,p,form{margin:0}button{background:0 0;border:0}input{border:1px solid var(--line);color:#26352f;background:#fff;border-radius:6px;padding:12px 14px}input::placeholder{color:#a0a69f}input:focus{border-color:#8fa48d}button,summary,a,input,select{touch-action:manipulation}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.header{border-bottom:1px solid var(--line);background:#fffefc}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1040px;height:96px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:.04em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.brand-mark{color:var(--green);align-items:center;display:flex}.brand-dot{color:var(--green)}.tabs{background:#f2f3ef;border-radius:8px;gap:3px;margin-left:25px;padding:4px;display:flex}.tabs a{color:#8c938c;border-radius:5px;align-items:center;gap:14px;padding:9px 20px;font-size:13px;transition:background .15s;display:flex}.tabs a:hover{color:#26352f}.tabs a[aria-current=page]{color:#344d3c;background:#fff;box-shadow:0 1px 4px #2332230d}.tabs a span{text-align:center;color:#71846d;background:#e9eee6;border-radius:4px;min-width:19px;padding:2px 5px;font-size:10px;line-height:1.3}.tabs a:not([aria-current]) span{color:#989f96;background:#e7e9e3}.account-nav{align-items:center;gap:12px;display:flex}.icon-button{color:#899087;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-button:hover,.icon-button.selected{background:var(--soft);color:var(--green)}.main{max-width:960px;min-height:calc(100svh - 180px);margin:auto;padding:64px 40px 0}.dev-notice{color:#9ca396;text-align:right;margin:-36px 0 24px;font-size:10px}.main.list-main{padding-top:24px}.list-main .dev-notice{margin:0 0 6px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.eyebrow{letter-spacing:.19em;color:#78856e;margin-bottom:12px;font-size:10px;font-weight:600}h1{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-size:43px;font-weight:400;line-height:1.12}.heading-dot{color:#73916a}.page-subtitle{color:#707b69;letter-spacing:.03em;margin-top:14px;font-size:12px;line-height:1.9}.auth-panel{text-align:center;max-width:460px;margin:24px auto 64px}.auth-panel h1{letter-spacing:.03em;font-family:inherit;font-size:28px}.auth-panel .empty-icon{margin:0 auto 28px}.auth-controls,.passkey-form{margin-top:28px}.passkey-form{text-align:left;flex-direction:column;gap:12px;max-width:460px;display:flex}.passkey-form label{margin-top:4px;font-size:12px}.passkey-form .button{margin-top:6px}.field-hint,.auth-status{color:#707b69;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.auth-status{min-height:22px;margin-top:12px}.passkey-form .auth-status{margin-top:0}.reauth-link,.logout-form{margin-top:20px}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:11px 17px;font-size:12px;font-weight:500;line-height:1.4;transition:background .15s;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{color:#63755f;background:#fff;border-color:#dfe5db}.secondary:hover{background:#f3f6ef}.add-panel{position:relative}.add-panel summary{list-style:none}.add-panel summary::-webkit-details-marker{display:none}.add-popover{border:1px solid var(--line);z-index:4;background:#fff;border-radius:10px;width:360px;padding:22px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 8px 36px #20302010}.add-popover label{color:#657160;margin-bottom:12px;font-size:12px;display:block}.add-popover input{width:100%;font-size:12px}.add-popover button{width:100%;margin-top:12px}.notice{color:#637d59;background:#edf3e9;border:1px solid #dee9d9;border-radius:6px;align-items:center;gap:9px;margin-bottom:23px;padding:13px 17px;font-size:12px;display:flex}.articles{margin:0;padding:0;list-style:none}.article{border-bottom:1px solid var(--line);gap:24px;padding:30px 0;display:flex}.thumbnail{background:#f0f2e9;border:1px solid #e9ede1;border-radius:7px;flex-shrink:0;width:132px;height:100px;margin-top:3px;display:block;position:relative;overflow:hidden}.thumbnail-fallback{color:#a1ad92;background:linear-gradient(130deg,#eff2e9,#f6f7f0);flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100%;display:flex}.thumbnail-fallback>span{letter-spacing:.03em;color:#93a181;font-family:Georgia,serif;font-size:10px}.thumbnail img{object-fit:cover;background:#f0f2e9;width:100%;height:100%;transition:transform .25s;position:absolute;inset:0}.thumbnail:hover img{transform:scale(1.025)}.article-body{flex:1;min-width:0}.article-source{color:#79846f;letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;line-height:1.5;display:flex}.article-source>span:first-child{color:#6d7d61}.meta-dot{color:#bdc4b5;font-size:8px}.article h2{letter-spacing:.005em;overflow-wrap:anywhere;font-size:15px;font-weight:550;line-height:1.7}.article h2 a{display:inline}.article h2 a svg{opacity:0;vertical-align:middle;color:#8a9c7b;margin:0 0 0 8px;display:inline}.article h2 a:hover{color:#507348}.article h2 a:hover svg{opacity:1}.description{color:#717c68;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:1.9;display:-webkit-box;overflow:hidden}.article-bottom{justify-content:flex-end;align-items:center;gap:10px;margin-top:15px;display:flex}.article-actions{align-items:center;gap:18px;display:flex}.article-action{color:#6d7c60;white-space:nowrap;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:flex}.article-action:hover{color:#416638}.danger:hover{color:#b76657;background:0 0}.list-end{color:#b1b7aa;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:27px 0;font-size:10px;display:flex}.text-link{color:#718669;align-items:center;gap:8px;font-size:12px;display:inline-flex}.text-link:hover{color:#345c37}.empty-state{text-align:center;padding:100px 20px 110px}.empty-icon{color:#98a98a;background:#f3f5ec;border:1px solid #e9edde;border-radius:21px;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 28px;display:flex;transform:rotate(-4deg)}.empty-icon svg{transform:rotate(4deg)}.empty-state h2{color:#69785f;letter-spacing:.06em;font-size:18px;font-weight:500}.empty-state p:not(.eyebrow){color:#79846e;white-space:pre-line;margin-top:15px;font-size:12px;line-height:2.1}.empty-state .text-link{margin-top:28px;font-size:10px}.footer{color:#b9beb2;letter-spacing:.04em;justify-content:space-between;max-width:960px;margin:38px auto 0;padding:24px 40px 28px;font-size:10px;display:flex}.footer>span:last-child{font-family:Georgia,serif}.settings-section{border-top:1px solid var(--line);padding:28px 0}.settings-section h2,.new-key h2{margin-bottom:12px;font-size:14px;font-weight:550}.settings-section>p,.new-key p{color:#6e7e60;font-size:12px;line-height:1.9}.key-form{gap:10px;margin:22px 0;display:flex}.key-form input{flex:1;font-size:12px}.key-list{padding:0;list-style:none}.key-list>li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.key-list>li>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.key-list strong{font-size:12px;font-weight:500}.key-list code{color:#a1ab93;font-size:12px}.key-list small{color:#a1ab93;font-size:10px}.key-empty{color:#adb5a1;padding:24px 0;font-size:12px}.shortcut-guide ol{color:#8b9780;padding-left:18px;font-size:12px;line-height:2.3}.shortcut-guide li{margin-bottom:8px;padding-left:6px}.shortcut-guide code{overflow-wrap:anywhere;background:#f1f4eb;border-radius:3px;padding:3px 5px;font-size:10px}.guide-note{margin-top:20px}.new-key{background:#f1f6ea;border:1px solid #dce9cf;border-radius:8px;margin-bottom:30px;padding:24px}.copy-field{align-items:center;gap:12px;margin-top:18px;display:flex}.copy-field code{overflow-wrap:anywhere;color:#50713c;flex:1;min-width:0;font-size:12px;line-height:1.7}.error-state h1{font-family:inherit;font-size:22px}.error-state .button{margin-top:28px}.error-state .eyebrow{font-size:16px}@media (width>=1100px){.main{padding-top:74px}.page-heading{margin-bottom:43px}.header-inner{height:100px}.article{padding:31px 0}.article h2{font-size:16px}.thumbnail{width:140px;height:106px}.article-bottom{margin-top:17px}}@media (width<=700px){.header-inner{flex-wrap:wrap;gap:14px;height:auto;min-height:80px;padding:16px 24px}.brand{gap:7px;font-size:15px}.tabs{flex-basis:100%;order:3;justify-content:center;margin:0}.tabs a{flex:1;justify-content:center;gap:8px;padding:8px 13px;font-size:12px}.account-nav{gap:8px;margin-left:auto}.main{min-height:calc(100svh - 165px);padding:42px 24px 0}.page-heading{margin-bottom:28px}.page-subtitle{font-size:10px}h1{font-size:37px}.eyebrow{font-size:8px}.article{gap:17px;padding:24px 0}.thumbnail{width:105px;height:84px}.article-source{gap:6px;font-size:8px}.article h2{font-size:14px}.description{margin-top:6px;font-size:10px;line-height:1.8}.article-actions{gap:14px}.article-bottom{margin-top:12px}.article-action{font-size:10px}.article-action span{display:none}.article-action{padding:7px 2px}.article-action svg{width:17px;height:17px}.footer{padding:22px 24px;font-size:8px}.empty-state{padding:90px 10px}.empty-state h2{font-size:16px}.add-popover{width:min(340px,100vw - 48px);right:-44px}.key-list>li>div{gap:8px}.key-list small{width:100%}.copy-field{flex-direction:column;align-items:flex-start}.button{padding:10px 14px}}@media (width<=420px){.header-inner{gap:12px;height:auto;padding:14px 20px 12px}.brand{flex:1;font-size:14px}.tabs{order:3;justify-content:center;width:100%;margin:0}.tabs a{flex:1;justify-content:center}.account-nav{margin-left:auto}.main{padding:34px 20px 0}.page-heading{gap:12px}.page-subtitle{font-size:10px}.account-nav .button{gap:5px;padding:9px 10px;font-size:10px}.thumbnail{border-radius:5px;width:78px;height:78px}.thumbnail-fallback>span{font-size:8px}.article{gap:13px}.article h2{font-size:13px}.article-source{flex-wrap:wrap}.article-source time{font-size:8px}.description{-webkit-line-clamp:2;font-size:10px}.article-bottom{margin-top:7px}.footer{padding:20px;font-size:8px}.key-form{flex-wrap:wrap}.key-form input{flex-basis:100%}.key-form button{width:100%}.add-popover{width:calc(100vw - 40px)}.empty-state{padding:75px 4px}.empty-state p:not(.eyebrow){font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}