:root{--ink: #2d2a32;--ink-soft: #4a4550;--steel: #645d69;--steel-light: #796d81;--paper: #fdf8f4;--surface: #ffffff;--line: #f0e6de;--signal: #ff7a59;--signal-deep: #d5330e;--signal-soft: #fff1ec;--alert: #e5484d;--verify: #2bb98a;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}a{color:var(--signal-deep);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(920px,100% - 32px);margin:0 auto}.header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;gap:14px;min-height:58px;flex-wrap:wrap;padding:8px 0}.brand{font-weight:800;font-size:17px;display:flex;align-items:center;gap:8px;color:var(--ink)}.brand em{font-style:normal;background:var(--signal);color:#fff;border-radius:999px;padding:3px 9px;font-size:12px}.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.nav a{padding:7px 12px;border-radius:999px;color:var(--steel);font-size:14px;font-weight:600}.nav a.on{background:var(--signal-soft);color:var(--signal-deep)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel+.panel{margin-top:14px}.label{font-size:12px;font-weight:700;color:var(--steel-light);letter-spacing:.02em}.field{display:block;margin-bottom:14px}.field>.label{display:block;margin-bottom:6px}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;color:var(--ink);background:var(--surface)}.textarea{min-height:120px;resize:vertical;line-height:1.75}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--signal);outline-offset:-1px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--signal)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--signal-deep);border-color:var(--signal-deep);color:#fff}.btn-sm{padding:7px 13px;font-size:13px}.btn-ghost{background:transparent;color:var(--steel)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.notice{border-radius:8px;padding:12px 14px;font-size:14px;background:var(--signal-soft);border:1px solid var(--line);line-height:1.7}.notice-error{background:#fdecec;border-color:#f6cfd0;color:#8f1d21}.notice-ok{background:#e8f8f2;border-color:#bfe9d9;color:#146b4e}.empty{text-align:center;padding:48px 16px;color:var(--steel)}.entry{display:block;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px 16px;margin-bottom:10px;color:inherit}.entry:hover{border-color:var(--signal);text-decoration:none}.entry h4{margin:0 0 4px;font-size:15.5px}.entry .meta{font-size:12.5px;color:var(--steel-light)}.badge{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--signal-soft);color:var(--signal-deep)}.badge-done{background:#e8f8f2;color:#146b4e}h1{font-size:24px;margin:6px 0 4px}h2{font-size:19px;margin:0 0 10px}h3{font-size:16px;margin:0 0 10px}.page{padding:28px 0 70px}.footer{border-top:1px solid var(--line);padding:22px 0 40px;font-size:12.5px;color:var(--steel-light);line-height:1.8}@media(max-width:640px){.wrap{width:100% - 24px;width:calc(100% - 24px)}.panel{padding:16px}h1{font-size:21px}}:root{--page: #fffdf7;--rule: #cbd9e6;--margin-rule: #e3897c;--ink-pen: #333d4b;--binding: #ece2d4;--rule-gap: 34px}.diary{background:var(--page);border:1px solid var(--binding);border-radius:3px;box-shadow:0 1px 0 var(--binding),0 10px 24px -14px #3c322859;position:relative;overflow:hidden;margin-top:16px}.diary:before{content:"";position:absolute;inset:0 auto 0 0;width:40px;background:linear-gradient(to right,#f6efe3,var(--page));border-right:1px solid var(--margin-rule);opacity:.9}.diary-holes{position:absolute;left:13px;top:0;bottom:0;width:14px;display:flex;flex-direction:column;justify-content:space-evenly;padding:26px 0;pointer-events:none}.diary-holes span{width:13px;height:13px;border-radius:50%;background:#fbf6ec;box-shadow:inset 0 1px 2px #5a4b3c4d}.diary-body{position:relative;padding:26px 26px 26px 60px}.diary-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid var(--rule);margin-bottom:22px}.diary-date{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--ink-pen);line-height:1.3}.diary-date input{font:inherit;color:inherit;border:0;background:transparent;padding:0;cursor:pointer}.diary-day{font-size:14px;font-weight:600;color:var(--steel-light);margin-left:6px}.diary-weather{display:flex;gap:6px;margin-left:auto}.diary-weather button{width:42px;height:42px;border:1px solid var(--binding);border-radius:8px;background:transparent;cursor:pointer;color:var(--steel-light);display:grid;place-items:center;transition:transform .12s ease,border-color .12s ease}.diary-weather button:hover{border-color:var(--rule);transform:translateY(-1px)}.diary-weather button[aria-pressed=true]{border-color:var(--margin-rule);background:#fdf3f0;color:var(--signal-deep)}.diary-weather svg{width:22px;height:22px}.diary-label{font-size:13px;font-weight:700;color:#6b7d8f;letter-spacing:.01em;margin:0 0 4px}.diary-write{width:100%;border:0;outline:0;resize:none;display:block;font-family:inherit;font-size:16.5px;line-height:var(--rule-gap);color:var(--ink-pen);background-color:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--rule-gap) - 1px),var(--rule) calc(var(--rule-gap) - 1px),var(--rule) var(--rule-gap));background-origin:content-box;background-attachment:local;padding:0 0 2px;min-height:calc(var(--rule-gap) * 4)}.diary-write::placeholder{color:#aab6c2}.diary-write:focus{background-color:#cbd9e61a}.diary-section+.diary-section{margin-top:26px}.diary-meta{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}.diary-meta input{font:inherit;font-size:14px;border:0;border-bottom:1px solid var(--rule);background:transparent;padding:3px 2px;color:var(--ink-pen);width:130px}.diary-meta input:focus{outline:0;border-bottom-color:var(--margin-rule)}.diary-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}@media(max-width:640px){.diary:before{width:26px}.diary-holes{left:7px;width:11px}.diary-holes span{width:10px;height:10px}.diary-body{padding:20px 16px 20px 40px}.diary-date{font-size:18px}.diary-weather{margin-left:0}.diary-meta{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){.diary-weather button{transition:none}.diary-weather button:hover{transform:none}}.spell{margin-top:16px;border:1px solid var(--binding);border-radius:8px;background:#fffaf3;padding:14px 16px}.spell h4{margin:0 0 8px;font-size:14px}.spell-item{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--binding);font-size:13.5px;line-height:1.6}.spell-item:first-of-type{border-top:0}.spell-fix{font-weight:700;color:var(--signal-deep);white-space:nowrap}.spell-why{color:var(--steel)}.spell-tag{flex-shrink:0;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:#fdece7;color:var(--signal-deep)}.spell-tag.maybe{background:#eef2f6;color:#55677a}.subject-pick{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subject-pick select,.subject-pick input{font:inherit;font-size:14px;border:0;border-bottom:1px solid var(--rule);background:transparent;padding:3px 2px;color:var(--ink-pen);max-width:170px}.subject-pick select:focus,.subject-pick input:focus{outline:0;border-bottom-color:var(--margin-rule)}.cl-item{border-top:1px solid var(--line);padding:18px 0 4px}.cl-item:first-of-type{border-top:0;padding-top:0}.cl-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.cl-no{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--signal-soft);color:var(--signal-deep);font-size:12px;font-weight:800;display:grid;place-items:center}.cl-title{flex:1;min-width:0;font-size:14.5px;font-weight:700;line-height:1.55}.cl-count{flex-shrink:0;font-size:12px;color:var(--steel-light)}.cl-count.over{color:var(--alert);font-weight:700}.cl-item textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:inherit;font-size:15px;line-height:1.85;color:var(--ink);background:var(--surface);resize:vertical;min-height:96px}.cl-item textarea:focus{outline:2px solid var(--signal);outline-offset:-1px}.cl-tools{display:flex;gap:6px;margin-top:6px}.cl-sheet{position:absolute;left:-9999px;top:0;width:800px;padding:56px 60px;background:#fff;color:#23202a;font-family:inherit}.cl-sheet h1{font-size:25px;margin:0 0 6px}.cl-sheet .meta{font-size:13px;color:#6b6672;margin-bottom:30px}.cl-sheet section{margin-bottom:26px}.cl-sheet h2{font-size:15px;margin:0 0 8px;line-height:1.5;padding-bottom:7px;border-bottom:2px solid #f0e6de}.cl-sheet p{font-size:14.5px;line-height:1.95;margin:0;white-space:pre-wrap}.cl-sheet .foot{margin-top:34px;font-size:11.5px;color:#9b93a3}.myclass{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px 14px;margin-top:14px}.myclass .t{font-size:13.5px;font-weight:700}.myclass select{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:var(--surface);color:var(--ink)}.myclass select:focus{outline:2px solid var(--signal);outline-offset:-1px}.myclass .hint{font-size:12.5px;color:var(--steel-light);width:100%;line-height:1.6}