:root{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:#322b35;background:#ffb51f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 2%,#ffe17c,transparent 26rem),linear-gradient(160deg,#ffad18,#ffd05a 55%,#fff5cf);background-attachment:fixed}.note-app{width:min(100%,700px);min-height:100vh;margin:auto;padding:max(14px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}.topbar{height:110px;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;text-shadow:0 3px 3px #a96400}.topbar h1{margin:0;font-size:clamp(2rem,8vw,3rem);letter-spacing:.05em}.topbar>div:last-of-type span{display:block;font-weight:900;letter-spacing:.2em;font-size:.78rem}.note-icon{display:grid;place-items:center;width:70px;height:70px;border:3px solid #fff9;border-radius:50%;font-size:2.4rem}.back-link,.home-link{position:absolute;color:#fff;text-decoration:none;background:#ffffff38;border:1px solid #ffffff70;box-shadow:0 6px 12px #8b500033;border-radius:999px;font-weight:900}.back-link{left:max(14px,calc((100vw - 700px)/2 + 14px));display:grid;place-items:center;width:50px;height:50px;font-size:2.5rem}.home-link{right:max(14px,calc((100vw - 700px)/2 + 14px));padding:11px 14px}.editor-card{position:relative;background:#fffffff2;border:2px solid #fff;border-radius:30px;padding:18px;box-shadow:0 15px 30px #8d540035}.editor-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;color:#de7b00}.editor-head strong{font-size:1.05rem}.editor-head time{color:#4e4850;font-weight:800;font-variant-numeric:tabular-nums}.head-actions{display:flex;gap:8px}.head-actions button{border:0;border-radius:14px;padding:11px 13px;color:#fff;background:linear-gradient(145deg,#ac4ae1,#7624bb);font:900 .9rem inherit;box-shadow:0 4px 8px #6924933d}.export-menu{position:absolute;z-index:5;right:18px;top:72px;width:min(290px,calc(100% - 36px));padding:11px;border:1px solid #e2d7e8;border-radius:18px;background:#fff;box-shadow:0 15px 35px #4b31594a}.export-menu strong{display:block;padding:7px 10px;color:#625568}.export-menu button{display:block;width:100%;border:0;border-top:1px solid #f0ebf2;background:#fff;padding:13px 10px;text-align:left;color:#332d36;font:800 .95rem inherit;cursor:pointer}.text-wrap{position:relative;margin-top:18px}.text-wrap textarea{display:block;width:100%;min-height:400px;padding:20px 20px 60px;border:2px solid #f3c55d;border-radius:22px;background:#fff;resize:vertical;color:#202124;font:1.35rem/1.7 inherit;outline:0}.text-wrap textarea:focus{border-color:#a850cc;box-shadow:0 0 0 4px #eed6f8}.character-count{position:absolute;right:66px;bottom:18px;color:#676168;font-weight:800}.text-cat{position:absolute;right:18px;bottom:10px;font-size:2.5rem}.format-panel{margin-top:16px;padding:14px;border-radius:24px;background:#fffaf2;box-shadow:inset 0 0 0 1px #f1e6d3}.format-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px;padding:10px 0}.format-row+.format-row{border-top:1px solid #eadfce}.format-row>strong{display:flex;flex-direction:column;color:#554b43}.format-row>strong span{font-size:1.6rem;color:#df8300}.size-options,.color-options{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.size-options button{min-height:56px;border:2px solid #eee3d4;border-radius:14px;background:#fff;color:#2d292d;font:900 1.05rem inherit;cursor:pointer}.size-options button[aria-pressed="true"]{background:linear-gradient(145deg,#ffd44b,#ffae18);border:4px solid #dc8500;box-shadow:0 0 0 3px #fff,0 0 0 6px #ffc02f}.color-options{grid-template-columns:repeat(6,1fr)}.color-options button{position:relative;aspect-ratio:1;min-width:36px;border:3px solid #fff;border-radius:14px;box-shadow:0 2px 7px #0002;cursor:pointer}.color-options button[aria-pressed="true"]{outline:4px solid #f0a900;outline-offset:2px}.color-options button[aria-pressed="true"]::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.5rem;font-weight:900}.black{background:#202124}.gray{background:#5f6368}.red{background:#d93025}.blue{background:#1769d2}.green{background:#16823d}.purple{background:#7e35b1}.bottom-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;margin-top:15px}.bottom-actions button{min-height:58px;border:2px solid;border-radius:16px;background:#fff;font:900 1rem inherit;cursor:pointer}.clear-button{color:#ce3b2d;border-color:#efaba5!important}.records-button{color:#1769c8;border-color:#9bc5ee!important}.save-button{color:#fff!important;border:0!important;background:linear-gradient(145deg,#b048dd,#7420b7)!important;box-shadow:0 5px 0 #5b168f}.form-error{margin:12px 0 0;padding:10px;border-radius:12px;background:#fff0ed;color:#ae2d22;text-align:center;font-weight:800}.privacy{text-align:center;color:#786b5d;font-size:.75rem}.note-app>footer{text-align:center;margin:18px 0 0;color:#725c48;font-size:.78rem;font-weight:700}.note-app>footer strong{color:#078f79}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:4px solid #351e7a;outline-offset:3px}dialog{width:min(calc(100% - 24px),620px);max-height:85vh;border:0;border-radius:28px;padding:0;color:#322b35;box-shadow:0 24px 70px #512b0c88}dialog::backdrop{background:#3b210f99;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#fff4d5;border-bottom:1px solid #f0dca5}.dialog-head h2{margin:2px 0}.dialog-head small{color:#d97800;font-weight:800}.dialog-head button{width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:1.7rem}.records-list{padding:14px}.record{margin-bottom:11px;padding:14px;border:1px solid #eadfcf;border-radius:17px;background:#fffaf2}.record-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.record-meta{display:block;margin-bottom:9px;color:#8b7e72;font-size:.75rem;font-weight:800}.empty-records{text-align:center;padding:42px 15px;color:#8d7e71}.toast{position:fixed;z-index:20;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,30px);padding:12px 20px;border-radius:999px;background:#2f7d42;color:#fff;font-weight:900;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:560px){.note-app{padding-inline:9px}.topbar{height:92px}.note-icon{display:none}.home-link{font-size:0}.home-link span{font-size:1.25rem}.editor-card{padding:12px}.editor-head{grid-template-columns:1fr auto}.editor-head time{grid-column:1/-1;grid-row:2;text-align:center}.head-actions{grid-column:2;grid-row:1}.save-small{display:none}.export-menu{top:66px;right:12px}.text-wrap textarea{min-height:330px;padding-inline:14px}.format-row{grid-template-columns:1fr}.format-row>strong{flex-direction:row;align-items:center;gap:8px}.size-options{gap:5px}.size-options button{min-height:52px;padding:3px;font-size:.9rem}.color-options{gap:8px}.bottom-actions{grid-template-columns:1fr 1fr}.save-button{grid-column:1/-1;grid-row:1}.topbar h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}