:root{--navy:#0f2c46;--navy-2:#16405f;--bg:#f5f7fa;--card:#fff;--text:#1c2733;--muted:#5b6b7b;--line:#e3e9ef;--green:#1f9d55}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.wrap{max-width:480px;margin:0 auto;padding:20px 16px 40px}.header{text-align:center;padding:20px 0 16px}.header h1{color:var(--navy);font-size:1.25rem;font-weight:700}.header p{color:var(--muted);margin-top:4px;font-size:.9rem}.menu{gap:10px;margin-top:12px;display:grid}.item{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:14px;align-items:center;gap:14px;padding:16px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform 60ms;display:flex}.item:active{transform:scale(.98)}.item .icon{background:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.item .sub{color:var(--muted);margin-top:2px;font-size:.8rem;font-weight:400;display:block}.item--primary{background:var(--navy);border-color:var(--navy);color:#fff}.item--primary .sub{color:#c8d6e2}.item--primary .icon{background:var(--navy-2)}.footer{text-align:center;color:var(--muted);margin-top:28px;font-size:.75rem;line-height:1.5}.footer a{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-top:16px;padding:20px}.card h2{color:var(--navy);margin-bottom:8px;font-size:1.05rem}.card p{color:var(--muted);font-size:.9rem;line-height:1.5}.mono{color:var(--text);background:var(--bg);word-break:break-all;border-radius:8px;margin-top:8px;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;display:block}.stars{justify-content:center;gap:8px;margin:16px 0;display:flex}.stars button{cursor:pointer;filter:grayscale();background:0 0;border:none;font-size:2rem;transition:filter .1s}.stars button.on{filter:none}textarea{border:1px solid var(--line);width:100%;min-height:110px;font:inherit;resize:vertical;border-radius:10px;padding:12px;font-size:.95rem}.btn{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:12px;padding:14px;font-size:1rem;font-weight:600;display:block}.btn:disabled{opacity:.5}.ok{color:var(--green);text-align:center;padding:24px 0;font-weight:600}.back{color:var(--muted);margin-top:20px;font-size:.85rem;display:inline-block}